#f3c314 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f3c314 | RGB(243, 195, 20) |
Created at 02/20/2023 03:03
RGB values are RGB(243, 195, 20)
#f3c314 color contains Red 95.29%, Green 76.47% and Blue 7.84%.
oklch(83.59% 0.168 90.35)
#f3c314 color contains Red 95.29%, Green 76.47% and Blue 7.84%.
oklch(83.59% 0.168 90.35)
Color Names of #f3c314 HEX code
≈ Lightning Yellow
Classification of #f3c314 color
#f3c314 is Light and Warm Color Saturation 90%, lightness 52%.
Shade of Gold
Alternative colors of #f3c314
Opposite Color for #f3c314 is #1444f3
#f3c314 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f3c314
cmyk
CMYK(0%, 20%, 92%, 5%)
Decimal
15975188
HEX
#f3c314
HSL
hsl(47, 90%, 52%)
HSLA
hsla(47, 90%, 52%, 1)
RGB
RGB(243, 195, 20)
RGBA
RGBA(243, 195, 20, 1)
Palettes for #f3c314 color:
Below are examples of color palettes with the #f3c314 HEX color
darkest color is #181302 from shades and lightest color is #fef9e8 from tints
Shades palette of #f3c314:
#dbb012
#c29c10
#aa890e
#92750c
#7a620a
#614e08
#493b06
#312704
#181302
#000000
Tints palette of #f3c314:
#f4c92b
#f5cf43
#f7d55b
#f8db72
#f9e18a
#fae7a1
#fbedb9
#fdf3d0
#fef9e8
#ffffff
Complementary palette of #f3c314:
#f3c314
#1444f3
Triadic palette of #f3c314:
#f3c314
#14f3c3
#c314f3
Square palette of #f3c314:
#f3c314
#14f354
#1444f3
#f314b3
Analogous palette of #f3c314:
#f35414
#f3c314
#b3f314
Split-Complementary palette of #f3c314:
#f3c314
#14b3f3
#5414f3
Rectangle (tetradic) palette of #f3c314:
#f3c314
#44f314
#1444f3
#c314f3
Suggested color palettes for #f3c314 HEX:
Color palette with color #f3c314 #1:
Color palette with color #f3c314 #2:
Color palette with color #f3c314 #3:
Color palette with color #f3c314 #4:
Color palette with color #f3c314 #5:
Color #f3c314 used in palettes (2)
Color Contrast
Color pairings of #f3c314 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f3c314
#f3c314Contrast Ratio
1.66:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f3c314
#f3c314Contrast Ratio
12.62:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f3c314 color png
Visit the popular colors list for more colors