#CB680A

#CB680A

Color Values

HEX

#CB680A

RGB

203, 104, 10

HSL

29,2, 90,6%, 41,8%

HSV

29,2, 95,1%, 79,6%

CMYK

0,0%, 48,8%, 95,1%, 20,4%

OKLCH

0,6221 0,153 54,0

Properties

Warm Light Nearest: darkorange 3

Color Harmonies

Complementary

#CB680A

#0A6DCB

Analogous

#CB0A0D

#CBC90A

#CB680A

Triadic

#CB680A

#0ACB68

#680ACB

Split Complementary

#CB680A

#0ACBC9

#0A0DCB

Tetradic

#CB680A

#0DCB0A

#0A6DCB

#C90ACB

Color Blindness Simulation

Original

#CB680A

Protanopia

#A09F21

Deuteranopia

#A6AD26

Tritanopia

#C63337

Achromatopsia

#767676

CSS Usage

background-color: #CB680A;
color: #CB680A;
border-color: #CB680A;
Nearest Tailwind: Amber 600 #D97706

Tailwind Shades

50
#FDF7F1
100
#FBEDDF
200
#FCDABB
300
#F9C08A
400
#F69E4B
500
#F37C0C
600
#C2640A
700
#9C5008
800
#7A3E06
900
#582F09
950
#381E06

Contrast Checker

Text on white

3,8:1

AA Fail AAA Fail

Text on black

5,52:1

AA Pass AAA Fail

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