#f5ae46 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5ae46 | RGB(245, 174, 70) |
Created at 03/02/2023 17:43
RGB values are RGB(245, 174, 70)
#f5ae46 color contains Red 96.08%, Green 68.24% and Blue 27.45%.
oklch(80.05% 0.143 73.12)
#f5ae46 color contains Red 96.08%, Green 68.24% and Blue 27.45%.
oklch(80.05% 0.143 73.12)
Color Names of #f5ae46 HEX code
≈ Yellow Orange
Classification of #f5ae46 color
#f5ae46 is Light and Warm Color Saturation 90%, lightness 62%.
Tint of Orange
Alternative colors of #f5ae46
Opposite Color for #f5ae46 is #468df5
#f5ae46 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5ae46
cmyk
CMYK(0%, 29%, 71%, 4%)
Decimal
16100934
HEX
#f5ae46
HSL
hsl(36, 90%, 62%)
HSLA
hsla(36, 90%, 62%, 1)
RGB
RGB(245, 174, 70)
RGBA
RGBA(245, 174, 70, 1)
Palettes for #f5ae46 color:
Below are examples of color palettes with the #f5ae46 HEX color
darkest color is #181107 from shades and lightest color is #fef7ed from tints
Shades palette of #f5ae46:
#dd9d3f
#c48b38
#ac7a31
#93682a
#7b5723
#62461c
#4a3415
#31230e
#181107
#000000
Tints palette of #f5ae46:
#f6b659
#f7be6b
#f8c67e
#f9ce90
#fad7a3
#fbdfb5
#fce7c8
#fdefda
#fef7ed
#ffffff
Complementary palette of #f5ae46:
#f5ae46
#468df5
Triadic palette of #f5ae46:
#f5ae46
#46f5ae
#ae46f5
Square palette of #f5ae46:
#f5ae46
#46f557
#468df5
#f546e5
Analogous palette of #f5ae46:
#f55746
#f5ae46
#e5f546
Split-Complementary palette of #f5ae46:
#f5ae46
#46e5f5
#5746f5
Rectangle (tetradic) palette of #f5ae46:
#f5ae46
#8df546
#468df5
#ae46f5
Suggested color palettes for #f5ae46 HEX:
Color palette with color #f5ae46 #1:
Color palette with color #f5ae46 #2:
Color palette with color #f5ae46 #3:
Color palette with color #f5ae46 #4:
Color palette with color #f5ae46 #5:
Color #f5ae46 used in palettes (1)
Color Contrast
Color pairings of #f5ae46 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f5ae46
#f5ae46Contrast Ratio
1.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5ae46
#f5ae46Contrast Ratio
11.02:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5ae46 color png
Visit the popular colors list for more colors