#f5e362 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f5e362 | RGB(245, 227, 98) |
Created at 02/27/2023 10:46
RGB values are RGB(245, 227, 98)
#f5e362 color contains Red 96.08%, Green 89.02% and Blue 38.43%.
oklch(90.64% 0.149 101.41)
#f5e362 color contains Red 96.08%, Green 89.02% and Blue 38.43%.
oklch(90.64% 0.149 101.41)
Color Names of #f5e362 HEX code
≈ Portica
Classification of #f5e362 color
#f5e362 is Light and Warm Color Saturation 88%, lightness 67%.
Shade of Khaki
Alternative colors of #f5e362
Opposite Color for #f5e362 is #6274f5
#f5e362 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f5e362
cmyk
CMYK(0%, 7%, 60%, 4%)
Decimal
16114530
HEX
#f5e362
HSL
hsl(53, 88%, 67%)
HSLA
hsla(53, 88%, 67%, 1)
RGB
RGB(245, 227, 98)
RGBA
RGBA(245, 227, 98, 1)
Palettes for #f5e362 color:
Below are examples of color palettes with the #f5e362 HEX color
darkest color is #18170a from shades and lightest color is #fefcef from tints
Shades palette of #f5e362:
#ddcc58
#c4b64e
#ac9f45
#93883b
#7b7231
#625b27
#4a441d
#312d14
#18170a
#000000
Tints palette of #f5e362:
#f6e672
#f7e981
#f8eb91
#f9eea1
#faf1b1
#fbf4c0
#fcf7d0
#fdf9e0
#fefcef
#ffffff
Complementary palette of #f5e362:
#f5e362
#6274f5
Triadic palette of #f5e362:
#f5e362
#62f5e3
#e362f5
Square palette of #f5e362:
#f5e362
#62f59a
#6274f5
#f562bd
Analogous palette of #f5e362:
#f59a62
#f5e362
#bdf562
Split-Complementary palette of #f5e362:
#f5e362
#62bdf5
#9a62f5
Rectangle (tetradic) palette of #f5e362:
#f5e362
#74f562
#6274f5
#e362f5
Suggested color palettes for #f5e362 HEX:
Color palette with color #f5e362 #1:
Color palette with color #f5e362 #2:
Color palette with color #f5e362 #3:
Color palette with color #f5e362 #4:
Color palette with color #f5e362 #5:
Color #f5e362 used in palettes (1)
Color Contrast
Color pairings of #f5e362 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f5e362
#f5e362Contrast Ratio
1.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f5e362
#f5e362Contrast Ratio
16.04:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f5e362 color png
Visit the popular colors list for more colors