#CFB030

#CFB030

Color Values

HEX

#CFB030

RGB

207, 176, 48

HSL

48.3, 62.4%, 50.0%

HSV

48.3, 76.8%, 81.2%

CMYK

0.0%, 15.0%, 76.8%, 18.8%

OKLCH

0.7632 0.1424 94.6

Properties

Warm Light Nearest: RAL 1004 Golden Yellow

Color Harmonies

Complementary

#CFB030

#304FCF

Analogous

#CF6030

#9FCF30

#CFB030

Triadic

#CFB030

#30CFB0

#B030CF

Split Complementary

#CFB030

#309FCF

#6030CF

Tetradic

#CFB030

#30CF60

#304FCF

#CF309F

Color Blindness Simulation

Original

#CFB030

Protanopia

#C2C14F

Deuteranopia

#C3C656

Tritanopia

#CD676D

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FBFAF3
100
#F7F3E4
200
#F2E9C5
300
#E8D99C
400
#DCC566
500
#CFB030
600
#A68D26
700
#85711F
800
#685818
900
#4C4115
950
#30290D

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

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