#CFE161

#CFE161

Color Values

HEX

#CFE161

RGB

207, 225, 97

HSL

68,4, 68,1%, 63,1%

HSV

68,4, 56,9%, 88,2%

CMYK

8,0%, 0,0%, 56,9%, 11,8%

OKLCH

0,8712 0,1535 116,4

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#CFE161

#7361E1

Analogous

#E1B361

#8FE161

#CFE161

Triadic

#CFE161

#61CFE1

#E161CF

Split Complementary

#CFE161

#618FE1

#B361E1

Tetradic

#CFE161

#61E1B3

#7361E1

#E1618F

Color Blindness Simulation

Original

#CFE161

Protanopia

#D7D780

Deuteranopia

#D6D487

Tritanopia

#D0989E

Achromatopsia

#D4D4D4

CSS Usage

background-color: #CFE161;
color: #CFE161;
border-color: #CFE161;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#FBFCF3
100
#F5F7E3
200
#EDF4C3
300
#E0EB98
400
#CFE160
500
#BED629
600
#98AB21
700
#7A891A
800
#5F6B14
900
#464E13
950
#2C310C

Contrast Checker

Text on white

1,44:1

AA Fail AAA Fail

Text on black

14,6: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