#CCBF33

#CCBF33

Color Values

HEX

#CCBF33

RGB

204, 191, 51

HSL

54.9, 60.0%, 50.0%

HSV

54.9, 75.0%, 80.0%

CMYK

0.0%, 6.4%, 75.0%, 20.0%

OKLCH

0.7919 0.152 103.9

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CCBF33

#3340CC

Analogous

#CC7233

#8DCC33

#CCBF33

Triadic

#CCBF33

#33CCBF

#BF33CC

Split Complementary

#CCBF33

#338DCC

#7233CC

Tetradic

#CCBF33

#33CC72

#3340CC

#CC338D

Color Blindness Simulation

Original

#CCBF33

Protanopia

#C6C655

Deuteranopia

#C7C85D

Tritanopia

#CB7076

Achromatopsia

#B8B8B8

CSS Usage

background-color: #CCBF33;
color: #CCBF33;
border-color: #CCBF33;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFBF3
100
#F6F5E4
200
#F1EDC6
300
#E7E09D
400
#D9D068
500
#CCBF33
600
#A39929
700
#837A21
800
#665F1A
900
#4B4616
950
#2F2C0E

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

11.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026