#F2CB0F

Color Details

HEX
#F2CB0F
RGB
rgb(242, 203, 15)
HSL
hsl(50, 90%, 50%)
CMYK
cmyk(0%, 16%, 94%, 5%)
Best text on this color #000000 (CR 13.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f2cb0f
Contrast 13.32:1 AAA
White on #f2cb0f
Contrast 1.58:1 Fail
#f2cb0f on Black
Contrast 13.32:1 AAA
#f2cb0f on White
Contrast 1.58:1 Fail

Tints & Shades

#f5d53f
#f7e06f
#faea9f
#c2a20c
#917a09
#615106

Complement & Analogous

#0d33f2
#a6f20d
#f2590d

Triadic

#0df2cc
#cc0df2

Monochrome

#615106 #917a09 #f2cb0f #f7e06f #faea9f #fcf5cf

Analogous

#f2590d #f68b56 #f2cb0f #b8f53d #a6f20d #85c20a

Complementary Mix

#917a09 #f2cb0f #f7e06f #0d33f2 #627af7 #08219d

Nearby Colors

#f2cb0e
#f2cb10
#f2caff
#f2cb1f

Embed #F2CB0F swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #F2CB0F

#F2CB0F converts to RGB(242, 203, 15) and HSL(50, 90%, 50%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#F2CB0F FAQs

What is the RGB value of #F2CB0F?
RGB: 242, 203, 15. Copy as CSS: rgb(242, 203, 15)
Is #F2CB0F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #F2CB0F?
Complement: #0d33f2.
Does #F2CB0F have good contrast on white or black?
On white: 1.58:1 (Fails AA). On black: 13.32:1 (AAA (normal text)).