#F2D25F

Color Details

HEX
#F2D25F
RGB
rgb(242, 210, 95)
HSL
hsl(47, 85%, 66%)
CMYK
cmyk(0%, 13%, 61%, 5%)
Best text on this color #000000 (CR 14.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #f2d25f
Contrast 14.16:1 AAA
White on #f2d25f
Contrast 1.48:1 Fail
#f2d25f on Black
Contrast 14.16:1 AAA
#f2d25f on White
Contrast 1.48:1 Fail

Tints & Shades

#f5db7f
#f7e49f
#faedbf
#c2a84c
#917e39
#615426

Complement & Analogous

#5f7ff2
#c8f25f
#f2885f

Triadic

#5ff2d2
#d25ff2

Monochrome

#615426 #917e39 #f2d25f #f7e49f #faedbf #fcf6df

Analogous

#f2885f #f6ac8f #f2d25f #d3f57f #c8f25f #a0c24c

Complementary Mix

#917e39 #f2d25f #f7e49f #5f7ff2 #97acf7 #3e539d

Nearby Colors

#f2d25e
#f2d260
#f2d24f
#f2d26f

Embed #F2D25F swatch

Embed this swatch

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

Open image

About #F2D25F

#F2D25F converts to RGB(242, 210, 95) and HSL(47, 85%, 66%). 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).

#F2D25F FAQs

What is the RGB value of #F2D25F?
RGB: 242, 210, 95. Copy as CSS: rgb(242, 210, 95)
Is #F2D25F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #F2D25F?
Complement: #5f7ff2.
Does #F2D25F have good contrast on white or black?
On white: 1.48:1 (Fails AA). On black: 14.16:1 (AAA (normal text)).