#CFA830

#CFA830

Color Values

HEX

#CFA830

RGB

207, 168, 48

HSL

45.3, 62.4%, 50.0%

HSV

45.3, 76.8%, 81.2%

CMYK

0.0%, 18.8%, 76.8%, 18.8%

OKLCH

0.7469 0.1378 89.8

Properties

Warm Light Nearest: RAL 1004 Golden Yellow

Color Harmonies

Complementary

#CFA830

#3057CF

Analogous

#CF5930

#A6CF30

#CFA830

Triadic

#CFA830

#30CFA8

#A830CF

Split Complementary

#CFA830

#30A6CF

#5930CF

Tetradic

#CFA830

#30CF59

#3057CF

#CF30A6

Color Blindness Simulation

Original

#CFA830

Protanopia

#BEBE4D

Deuteranopia

#C0C354

Tritanopia

#CD6469

Achromatopsia

#A8A8A8

CSS Usage

background-color: #CFA830;
color: #CFA830;
border-color: #CFA830;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FBF9F3
100
#F7F2E4
200
#F2E7C5
300
#E8D59C
400
#DCBF66
500
#CFA830
600
#A68626
700
#856C1F
800
#685418
900
#4C3E15
950
#30270D

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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