#f5bd4c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5bd4c | RGB(245, 189, 76) |
Created at 03/05/2023 09:18
RGB values are RGB(245, 189, 76)
#f5bd4c color contains Red 96.08%, Green 74.12% and Blue 29.8%.
oklch(82.93% 0.142 81.82)
#f5bd4c color contains Red 96.08%, Green 74.12% and Blue 29.8%.
oklch(82.93% 0.142 81.82)
Color Names of #f5bd4c HEX code
≈ Casablanca
Classification of #f5bd4c color
#f5bd4c is Light and Warm Color Saturation 89%, lightness 63%.
Tint of Goldenrod
Alternative colors of #f5bd4c
Opposite Color for #f5bd4c is #4c84f5
#f5bd4c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5bd4c
cmyk
CMYK(0%, 23%, 69%, 4%)
Decimal
16104780
HEX
#f5bd4c
HSL
hsl(40, 89%, 63%)
HSLA
hsla(40, 89%, 63%, 1)
RGB
RGB(245, 189, 76)
RGBA
RGBA(245, 189, 76, 1)
Palettes for #f5bd4c color:
Below are examples of color palettes with the #f5bd4c HEX color
darkest color is #181308 from shades and lightest color is #fef8ed from tints
Shades palette of #f5bd4c:
#ddaa44
#c4973d
#ac8435
#93712e
#7b5f26
#624c1e
#4a3917
#31260f
#181308
#000000
Tints palette of #f5bd4c:
#f6c45e
#f7ca70
#f8d182
#f9d794
#fadea6
#fbe5b7
#fcebc9
#fdf2db
#fef8ed
#ffffff
Complementary palette of #f5bd4c:
#f5bd4c
#4c84f5
Triadic palette of #f5bd4c:
#f5bd4c
#4cf5bd
#bd4cf5
Square palette of #f5bd4c:
#f5bd4c
#4cf569
#4c84f5
#f54cd8
Analogous palette of #f5bd4c:
#f5694c
#f5bd4c
#d9f54c
Split-Complementary palette of #f5bd4c:
#f5bd4c
#4cd8f5
#694cf5
Rectangle (tetradic) palette of #f5bd4c:
#f5bd4c
#84f54c
#4c84f5
#bd4cf5
Suggested color palettes for #f5bd4c HEX:
Color palette with color #f5bd4c #1:
Color palette with color #f5bd4c #2:
Color palette with color #f5bd4c #3:
Color palette with color #f5bd4c #4:
Color palette with color #f5bd4c #5:
Color #f5bd4c used in palettes (1)
Color Contrast
Color pairings of #f5bd4c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f5bd4c
#f5bd4cContrast Ratio
1.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5bd4c
#f5bd4cContrast Ratio
12.26:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5bd4c color png
Visit the popular colors list for more colors