#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