#CFB330

#CFB330

Color Values

HEX

#CFB330

RGB

207, 179, 48

HSL

49.4, 62.4%, 50.0%

HSV

49.4, 76.8%, 81.2%

CMYK

0.0%, 13.5%, 76.8%, 18.8%

OKLCH

0.7694 0.1444 96.4

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#CFB330

#304CCF

Analogous

#CF6330

#9CCF30

#CFB330

Triadic

#CFB330

#30CFB3

#B330CF

Split Complementary

#CFB330

#309CCF

#6330CF

Tetradic

#CFB330

#30CF63

#304CCF

#CF309C

Color Blindness Simulation

Original

#CFB330

Protanopia

#C3C350

Deuteranopia

#C4C757

Tritanopia

#CE696E

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FBFAF3
100
#F7F3E4
200
#F2EAC5
300
#E8DA9C
400
#DCC766
500
#CFB330
600
#A68F26
700
#85731F
800
#685918
900
#4C4215
950
#302A0D

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

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