Skip to content
Kolorvia
#f2b367

Color #f2b367

A vivid, highly saturated light orange.

Conversions

HEX
#f2b367
RGB
rgb(242, 179, 103)
HSL
hsl(32.8, 84.2%, 67.6%)
HSV / HSB
hsv(32.8, 57.4%, 94.9%)
CMYK
cmyk(0%, 26%, 57.4%, 5.1%)
LAB
lab(77.34, 14.8, 47.28)
LCH
lch(77.34, 49.54, 72.62)
OKLCH
oklch(81%, 0.1187, 69.99)
HWB
hwb(32.8, 40.4%, 5.1%)

Harmony colors

Complementary

#67a6f2

Analogous

#f26d67
#f2b367
#ebf267

Triadic

#f2b367
#67f2b3
#b367f2

Split-complementary

#f2b367
#67ebf2
#6d67f2

Tetradic

#f2b367
#a6f267
#67a6f2
#b367f2

Square

#f2b367
#67f26d
#67a6f2
#f267eb

Shades

Color #f2b367 mixed toward black.

#ed9832
#d47c12
#9f5d0e
#6a3e09
#351f05

Tints

Color #f2b367 mixed toward white.

#f4c080
#f6cc9a
#f8d9b3
#fbe6cc
#fdf2e6

Tones

Color #f2b367 mixed toward gray.

#e6b272
#dbb17e
#cfb08a
#c4af95
#b8ada1

Accessibility

Aa White text on this color
1.84:1
Aa Black text on this color
11.42:1

Black text reads better on this background (11.42:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#dad97f · ΔE 19.7

Deuteranopia

#dde284 · ΔE 21.9

Tritanopia

#ef8e92 · ΔE 27.8

Achromatopsia

#bfbfbf · ΔE 23.6

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS
background-color: #f2b367;
Tailwind (arbitrary value)
bg-[#f2b367]

Related colors

Dark Orange #ff8c00
Bisque #ffe4c4
Burlywood #deb887
Antique White #faebd7
Tan #d2b48c
Linen #faf0e6

Frequently asked questions

#f2b367 (#f2b367) is rgb(242, 179, 103) in RGB.

No, #f2b367 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Build something with this color

Generate a full palette from #f2b367, or check how it holds up for accessibility.

We use cookies for site preferences and, where enabled, Google Analytics and Google AdSense — which may use cookies to personalize ads based on your visits here and elsewhere. See our Privacy Policy for details. Your color tool inputs are never sent to us regardless of your choice.