#CFD69B

#CFD69B

Color Values

HEX

#CFD69B

RGB

207, 214, 155

HSL

67,1, 41,8%, 72,4%

HSV

67,1, 27,6%, 83,9%

CMYK

3,3%, 0,0%, 27,6%, 16,1%

OKLCH

0,8563 0,0779 113,6

Properties

Cool Light Nearest: palegoldenrod

Color Harmonies

Complementary

#CFD69B

#A29BD6

Analogous

#D6C09B

#B2D69B

#CFD69B

Triadic

#CFD69B

#9BCFD6

#D69BCF

Split Complementary

#CFD69B

#9BB2D6

#C09BD6

Tetradic

#CFD69B

#9BD6C0

#A29BD6

#D69BB2

Color Blindness Simulation

Original

#CFD69B

Protanopia

#D2D2A9

Deuteranopia

#D2D1AD

Tritanopia

#CFB5B7

Achromatopsia

#D0D0D0

CSS Usage

background-color: #CFD69B;
color: #CFD69B;
border-color: #CFD69B;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#F9FAF5
100
#F2F3E7
200
#E7EACC
300
#D5DBA8
400
#BFC879
500
#A8B54A
600
#87913B
700
#6C742F
800
#545A25
900
#3E431E
950
#272A13

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,75: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