#CBC988

#CBC988

Color Values

HEX

#CBC988

RGB

203, 201, 136

HSL

58.2, 39.2%, 66.5%

HSV

58.2, 33.0%, 79.6%

CMYK

0.0%, 1.0%, 33.0%, 20.4%

OKLCH

0.8222 0.0848 106.6

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CBC988

#888ACB

Analogous

#CBA888

#ACCB88

#CBC988

Triadic

#CBC988

#88CBC9

#C988CB

Split Complementary

#CBC988

#88ACCB

#A888CB

Tetradic

#CBC988

#88CBA8

#888ACB

#CB88AC

Color Blindness Simulation

Original

#CBC988

Protanopia

#CACA98

Deuteranopia

#CACA9C

Tritanopia

#CBA4A7

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E9E8CD
300
#DAD8AA
400
#C6C37C
500
#B1AE4E
600
#8E8C3E
700
#727032
800
#595727
900
#42411F
950
#292914

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

12.25:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026