#f2a845 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f2a845 | RGB(242, 168, 69) |
Created at 03/05/2023 01:26
RGB values are RGB(242, 168, 69)
#f2a845 color contains Red 94.9%, Green 65.88% and Blue 27.06%.
oklch(78.60% 0.1416 70.6)
#f2a845 color contains Red 94.9%, Green 65.88% and Blue 27.06%.
oklch(78.60% 0.1416 70.6)
Color Names of #f2a845 HEX code
≈ Yellow Orange
Classification of #f2a845 color
#f2a845 is Light and Warm Color Saturation 87%, lightness 61%.
Tint of Orange
Alternative colors of #f2a845
Opposite Color for #f2a845 is #458ff2
#f2a845 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f2a845
cmyk
CMYK(0%, 31%, 71%, 5%)
Decimal
15902789
HEX
#f2a845
HSL
hsl(34, 87%, 61%)
HSLA
hsla(34, 87%, 61%, 1)
RGB
RGB(242, 168, 69)
RGBA
RGBA(242, 168, 69, 1)
Palettes for #f2a845 color:
Below are examples of color palettes with the #f2a845 HEX color
darkest color is #181107 from shades and lightest color is #fef6ec from tints
Shades palette of #f2a845:
#da973e
#c28637
#a97630
#916529
#795423
#61431c
#493215
#30220e
#181107
#000000
Tints palette of #f2a845:
#f3b158
#f5b96a
#f6c27d
#f7cb8f
#f9d4a2
#fadcb5
#fbe5c7
#fceeda
#fef6ec
#ffffff
Complementary palette of #f2a845:
#f2a845
#458ff2
Triadic palette of #f2a845:
#f2a845
#45f2a8
#a845f2
Square palette of #f2a845:
#f2a845
#45f252
#458ff2
#f245e5
Analogous palette of #f2a845:
#f25245
#f2a845
#e5f245
Split-Complementary palette of #f2a845:
#f2a845
#45e5f2
#5245f2
Rectangle (tetradic) palette of #f2a845:
#f2a845
#8ff245
#458ff2
#a845f2
Suggested color palettes for #f2a845 HEX:
Color palette with color #f2a845 #1:
Color palette with color #f2a845 #2:
Color palette with color #f2a845 #3:
Color palette with color #f2a845 #4:
Color palette with color #f2a845 #5:
Color #f2a845 used in palettes (1)
Color Contrast
Color pairings of #f2a845 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f2a845
#f2a845Contrast Ratio
2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f2a845
#f2a845Contrast Ratio
10.46:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f2a845 color png
Visit the popular colors list for more colors