#f5b456 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5b456 | RGB(245, 180, 86) |
Created at 02/19/2023 03:18
RGB values are RGB(245, 180, 86)
#f5b456 color contains Red 96.08%, Green 70.59% and Blue 33.73%.
oklch(81.32% 0.1332 73.92)
#f5b456 color contains Red 96.08%, Green 70.59% and Blue 33.73%.
oklch(81.32% 0.1332 73.92)
Color Names of #f5b456 HEX code
≈ Casablanca
Classification of #f5b456 color
#f5b456 is Light and Warm Color Saturation 89%, lightness 65%.
Tint of Orange
Alternative colors of #f5b456
Opposite Color for #f5b456 is #5697f5
#f5b456 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5b456
cmyk
CMYK(0%, 27%, 65%, 4%)
Decimal
16102486
HEX
#f5b456
HSL
hsl(35, 89%, 65%)
HSLA
hsla(35, 89%, 65%, 1)
RGB
RGB(245, 180, 86)
RGBA
RGBA(245, 180, 86, 1)
Palettes for #f5b456 color:
Below are examples of color palettes with the #f5b456 HEX color
darkest color is #181209 from shades and lightest color is #fef8ee from tints
Shades palette of #f5b456:
#dda24d
#c49045
#ac7e3c
#936c34
#7b5a2b
#624822
#4a361a
#312411
#181209
#000000
Tints palette of #f5b456:
#f6bc67
#f7c378
#f8cb89
#f9d29a
#fadaab
#fbe1bb
#fce9cc
#fdf0dd
#fef8ee
#ffffff
Complementary palette of #f5b456:
#f5b456
#5697f5
Triadic palette of #f5b456:
#f5b456
#56f5b4
#b456f5
Square palette of #f5b456:
#f5b456
#56f565
#5697f5
#f556e6
Analogous palette of #f5b456:
#f56456
#f5b456
#e7f556
Split-Complementary palette of #f5b456:
#f5b456
#56e6f5
#6556f5
Rectangle (tetradic) palette of #f5b456:
#f5b456
#97f556
#5697f5
#b456f5
Suggested color palettes for #f5b456 HEX:
Color palette with color #f5b456 #1:
Color palette with color #f5b456 #2:
Color palette with color #f5b456 #3:
Color palette with color #f5b456 #4:
Color palette with color #f5b456 #5:
Color #f5b456 used in palettes (1)
Color Contrast
Color pairings of #f5b456 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f5b456
#f5b456Contrast Ratio
1.81:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5b456
#f5b456Contrast Ratio
11.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5b456 color png
Visit the popular colors list for more colors