#CBF70C

Color Details

HEX
#CBF70C
RGB
rgb(203, 247, 12)
HSL
hsl(71, 94%, 51%)
CMYK
cmyk(18%, 0%, 95%, 3%)
Best text on this color #000000 (CR 16.85:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cbf70c
Contrast 16.85:1 AAA
White on #cbf70c
Contrast 1.25:1 Fail
#cbf70c on Black
Contrast 16.85:1 AAA
#cbf70c on White
Contrast 1.25:1 Fail

Tints & Shades

#d5f93d
#e0fa6d
#eafc9e
#a2c60a
#7a9407
#516305

Complement & Analogous

#380df8
#57f80d
#f8ad0d

Triadic

#0dccf8
#f80dcc

Monochrome

#516305 #7a9407 #cbf70c #e0fa6d #eafc9e #f5fdce

Analogous

#f8ad0d #fac656 #cbf70c #79f93d #57f80d #46c60a

Complementary Mix

#7a9407 #cbf70c #e0fa6d #380df8 #7e62fa #2408a1

Nearby Colors

#cbf70b
#cbf70d
#cbf6fc
#cbf71c

Embed #CBF70C swatch

Embed this swatch

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

Open image

About #CBF70C

#CBF70C converts to RGB(203, 247, 12) and HSL(71, 94%, 51%). 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).

#CBF70C FAQs

What is the RGB value of #CBF70C?
RGB: 203, 247, 12. Copy as CSS: rgb(203, 247, 12)
Is #CBF70C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CBF70C?
Complement: #380df8.
Does #CBF70C have good contrast on white or black?
On white: 1.25:1 (Fails AA). On black: 16.85:1 (AAA (normal text)).