#CBF798

#CBF798

Color Values

HEX

#CBF798

RGB

203, 247, 152

HSL

87,8, 85,6%, 78,2%

HSV

87,8, 38,5%, 96,9%

CMYK

17,8%, 0,0%, 38,5%, 3,1%

OKLCH

0,9236 0,13 128,9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CBF798

#C498F7

Analogous

#F7F498

#9BF798

#CBF798

Triadic

#CBF798

#98CBF7

#F798CB

Split Complementary

#CBF798

#989BF7

#F498F7

Tetradic

#CBF798

#98F7F4

#C498F7

#F7989B

Color Blindness Simulation

Original

#CBF798

Protanopia

#DEDEAF

Deuteranopia

#DCD8B4

Tritanopia

#CDC1C5

Achromatopsia

#E7E7E7

CSS Usage

background-color: #CBF798;
color: #CBF798;
border-color: #CBF798;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DEFABD
300
#C6F68D
400
#A7F150
500
#88ED12
600
#6CBD0F
700
#57970C
800
#447609
900
#33560B
950
#203607

Contrast Checker

Text on white

1,21:1

AA Fail AAA Fail

Text on black

17,3:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026