#CFFBA3

#CFFBA3

Color Values

HEX

#CFFBA3

RGB

207, 251, 163

HSL

90.0, 91.7%, 81.2%

HSV

90.0, 35.1%, 98.4%

CMYK

17.5%, 0.0%, 35.1%, 1.6%

OKLCH

0.9368 0.1222 130.1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CFFBA3

#CFA3FB

Analogous

#FBFBA3

#A3FBA3

#CFFBA3

Triadic

#CFFBA3

#A3CFFB

#FBA3CF

Split Complementary

#CFFBA3

#A3A3FB

#FBA3FB

Tetradic

#CFFBA3

#A3FBFB

#CFA3FB

#FBA3A3

Color Blindness Simulation

Original

#CFFBA3

Protanopia

#E2E2B8

Deuteranopia

#E0DCBD

Tritanopia

#D1C9CD

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DBFCBB
300
#C2FA8A
400
#A1F74A
500
#80F40B
600
#66C408
700
#529C07
800
#407A05
900
#305808
950
#1F3805

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

17.98:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026