#f5d786 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5d786 | RGB(245, 215, 134) |
Created at 10/20/2024 01:13
RGB values are RGB(245, 215, 134)
#f5d786 color contains Red 96.08%, Green 84.31% and Blue 52.55%.
oklch(88.69% 0.1058 89.83)
#f5d786 color contains Red 96.08%, Green 84.31% and Blue 52.55%.
oklch(88.69% 0.1058 89.83)
Color Names of #f5d786 HEX code
≈ Buff
Classification of #f5d786 color
#f5d786 is Light and Warm Color Saturation 85%, lightness 74%.
Shade of Khaki
Alternative colors of #f5d786
Opposite Color for #f5d786 is #86a4f5
#f5d786 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5d786
cmyk
CMYK(0%, 12%, 45%, 4%)
Decimal
16111494
HEX
#f5d786
HSL
hsl(44, 85%, 74%)
HSLA
hsla(44, 85%, 74%, 1)
RGB
RGB(245, 215, 134)
RGBA
RGBA(245, 215, 134, 1)
Palettes for #f5d786 color:
Below are examples of color palettes with the #f5d786 HEX color
darkest color is #18150d from shades and lightest color is #fefbf3 from tints
Shades palette of #f5d786:
#ddc279
#c4ac6b
#ac975e
#938150
#7b6c43
#625636
#4a4128
#312b1b
#18150d
#000000
Tints palette of #f5d786:
#f6db92
#f7df9e
#f8e3aa
#f9e7b6
#faebc3
#fbefcf
#fcf3db
#fdf7e7
#fefbf3
#ffffff
Complementary palette of #f5d786:
#f5d786
#86a4f5
Triadic palette of #f5d786:
#f5d786
#86f5d7
#d786f5
Square palette of #f5d786:
#f5d786
#86f59f
#86a4f5
#f586dc
Analogous palette of #f5d786:
#f5a086
#f5d786
#dcf586
Split-Complementary palette of #f5d786:
#f5d786
#86dcf5
#9f86f5
Rectangle (tetradic) palette of #f5d786:
#f5d786
#a4f586
#86a4f5
#d786f5
Suggested color palettes for #f5d786 HEX:
Color palette with color #f5d786 #1:
Color palette with color #f5d786 #2:
Color palette with color #f5d786 #3:
Color palette with color #f5d786 #4:
Color palette with color #f5d786 #5:
Color #f5d786 used in palettes (1)
Color Contrast
Color pairings of #f5d786 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f5d786
#f5d786Contrast Ratio
1.4:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5d786
#f5d786Contrast Ratio
14.94:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5d786 color png
Visit the popular colors list for more colors