#f4b150 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #f4b150 | RGB(244, 177, 80) |
Created at 02/17/2023 18:38
Classification of #f4b150 color
#f4b150 is Light and Warm Color Saturation 88%, lightness 64%.
Tint of Orange
RGB values are RGB(244, 177, 80)
#f4b150 color contains Red 95.69%, Green 69.41% and Blue 31.37%.
oklch(80.59% 0.1364 73.58)
#f4b150 color contains Red 95.69%, Green 69.41% and Blue 31.37%.
oklch(80.59% 0.1364 73.58)
Color Names of #f4b150 HEX code
≈ Casablanca
Alternative colors of #f4b150
Opposite Color for #f4b150 is #5093f4
#f4b150 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #f4b150
cmyk
CMYK(0%, 27%, 67%, 4%)
Decimal
16036176
HEX
#f4b150
HSL
hsl(35, 88%, 64%)
HSLA
hsla(35, 88%, 64%, 1)
RGB
RGB(244, 177, 80)
RGBA
RGBA(244, 177, 80, 1)
Palettes for #f4b150 color:
Below are examples of color palettes with the #f4b150 HEX color
darkest color is #181208 from shades and lightest color is #fef7ee from tints
Shades palette of #f4b150:
#dc9f48
#c38e40
#ab7c38
#926a30
#7a5928
#624720
#493518
#312310
#181208
#000000
Tints palette of #f4b150:
#f5b962
#f6c173
#f7c885
#f8d096
#fad8a8
#fbe0b9
#fce8cb
#fdefdc
#fef7ee
#ffffff
Complementary palette of #f4b150:
#f4b150
#5093f4
Triadic palette of #f4b150:
#f4b150
#50f4b1
#b150f4
Square palette of #f4b150:
#f4b150
#50f45f
#5093f4
#f450e5
Analogous palette of #f4b150:
#f45f50
#f4b150
#e5f450
Split-Complementary palette of #f4b150:
#f4b150
#50e5f4
#5f50f4
Rectangle (tetradic) palette of #f4b150:
#f4b150
#93f450
#5093f4
#b150f4
Suggested color palettes for #f4b150 HEX:
Color palette with color #f4b150 #1:
Color palette with color #f4b150 #2:
Color palette with color #f4b150 #3:
Color palette with color #f4b150 #4:
Color palette with color #f4b150 #5:
Color #f4b150 used in palettes (1)
Color Contrast
Color pairings of #f4b150 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#f4b150
#f4b150 Contrast Ratio
1.86:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#f4b150
#f4b150 Contrast Ratio
11.25:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #f4b150 color png
Visit the popular colors list for more colors