#CFA968

#CFA968

Color Values

HEX

#CFA968

RGB

207, 169, 104

HSL

37.9, 51.8%, 61.0%

HSV

37.9, 49.8%, 81.2%

CMYK

0.0%, 18.4%, 49.8%, 18.8%

OKLCH

0.7549 0.0944 80.0

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#CFA968

#688ECF

Analogous

#CF7668

#C1CF68

#CFA968

Triadic

#CFA968

#68CFA9

#A968CF

Split Complementary

#CFA968

#68C1CF

#7668CF

Tetradic

#CFA968

#68CF76

#688ECF

#CF68C1

Color Blindness Simulation

Original

#CFA968

Protanopia

#BFBE78

Deuteranopia

#C1C47C

Tritanopia

#CD8487

Achromatopsia

#ACACAC

CSS Usage

background-color: #CFA968;
color: #CFA968;
border-color: #CFA968;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF8F4
100
#F5EFE5
200
#EEE0C9
300
#E2CAA2
400
#D2AE70
500
#C2913D
600
#9B7431
700
#7C5D27
800
#61481F
900
#47361A
950
#2D2210

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

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