#CBC625

#CBC625

Color Values

HEX

#CBC625

RGB

203, 198, 37

HSL

58.2, 69.2%, 47.1%

HSV

58.2, 81.8%, 79.6%

CMYK

0.0%, 2.5%, 81.8%, 20.4%

OKLCH

0.8052 0.1648 107.7

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#CBC625

#252ACB

Analogous

#CB7325

#7DCB25

#CBC625

Triadic

#CBC625

#25CBC6

#C625CB

Split Complementary

#CBC625

#257DCB

#7325CB

Tetradic

#CBC625

#25CB73

#252ACB

#CB257D

Color Blindness Simulation

Original

#CBC625

Protanopia

#C9C94C

Deuteranopia

#C9CA55

Tritanopia

#CB6B71

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F8F7E3
200
#F4F3C3
300
#ECEA97
400
#E2DE5F
500
#D8D227
600
#ADA81F
700
#8A8719
800
#6C6914
900
#4F4D12
950
#32310C

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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