Created at 03/20/2024 14:21
#f5cd30 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #f5cd30 | RGB(245, 205, 48) |
RGB values are RGB(245, 205, 48)
#f5cd30 color contain Red 96.08%, Green 80.39% and Blue 18.82%.
oklch(85.86% 0.1645 93.4)
#f5cd30 color contain Red 96.08%, Green 80.39% and Blue 18.82%.
oklch(85.86% 0.1645 93.4)
Classification of #f5cd30 color
#f5cd30 is Light and Warm Color Saturation 91%, lightness 57%.
Shade of gold
Alternative colors of #f5cd30
Opposite Color for #f5cd30 is #2e55f5
#f5cd30 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5cd30
Decimal
16108848
HEX
#f5cd30
HSL
hsl(48, 91%, 57%)
HSLA
hsla(48, 91%, 57%, 1)
RGB
RGB(245, 205, 48)
RGBA
RGBA(245, 205, 48, 1)
Palettes for #f5cd30 color:
Below examples of color palettes for #f5cd30 HEX color
darkest color is #181405 from shades and lightest color is #fefaea from tints
Shades palette of #f5cd30:
#ddb92b
#c4a426
#ac9022
#937b1d
#7b6718
#625213
#4a3e0e
#31290a
#181405
#000000
Tints palette of #f5cd30:
#f6d245
#f7d759
#f8dc6e
#f9e183
#fae698
#fbebac
#fcf0c1
#fdf5d6
#fefaea
#ffffff
Complementary palette of #f5cd30:
#f5cd2e
#2e55f5
Triadic palette of #f5cd30:
#f5cd2e
#2ef5cd
#cd2ef5
Square palette of #f5cd30:
#f5cd2e
#2ef569
#f52eb9
#2e55f5
Analogous palette of #f5cd30:
#f5692e
#f5cd2e
Split-Complementary palette of #f5cd30:
#f5cd2e
#f5692e
Rectangle (tetradic) palette of #f5cd30:
#f5cd2e
#2ef569
#f52eb9
#2eb9f5
Suggested colors palettes for #f5cd30 HEX:
Colors palette with color #f5cd30 #1:
Colors palette with color #f5cd30 #2:
Colors palette with color #f5cd30 #3:
Colors palette with color #f5cd30 #4:
Colors palette with color #f5cd30 #5:
Color #f5cd30 used in palettes (3)
Color Contrast
Color pairings #f5cd30 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#f5cd30
#f5cd30 Contrast Ratio
1.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5cd30
#f5cd30 Contrast Ratio
13.65:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5cd30 color png
Visit the popular colors list for more colors