#CBC83E

#CBC83E

Color Values

HEX

#CBC83E

RGB

203, 200, 62

HSL

58.7, 57.6%, 52.0%

HSV

58.7, 69.5%, 79.6%

CMYK

0.0%, 1.5%, 69.5%, 20.4%

OKLCH

0.8109 0.1538 108.1

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CBC83E

#3E41CB

Analogous

#CB823E

#88CB3E

#CBC83E

Triadic

#CBC83E

#3ECBC8

#C83ECB

Split Complementary

#CBC83E

#3E88CB

#823ECB

Tetradic

#CBC83E

#3ECB82

#3E41CB

#CB3E88

Color Blindness Simulation

Original

#CBC83E

Protanopia

#CACA5F

Deuteranopia

#CACA67

Tritanopia

#CB7A80

Achromatopsia

#BFBFBF

CSS Usage

background-color: #CBC83E;
color: #CBC83E;
border-color: #CBC83E;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFBF4
100
#F6F6E4
200
#F0EFC7
300
#E5E49F
400
#D7D56A
500
#C9C636
600
#A19E2B
700
#817F23
800
#64631B
900
#4A4817
950
#2E2E0F

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.87: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