#CAB102

#CAB102

Color Values

HEX

#CAB102

RGB

202, 177, 2

HSL

52.5, 98.0%, 40.0%

HSV

52.5, 99.0%, 79.2%

CMYK

0.0%, 12.4%, 99.0%, 20.8%

OKLCH

0.7589 0.157 99.0

Properties

Warm Light Nearest: gold 3

Color Harmonies

Complementary

#CAB102

#021BCA

Analogous

#CA4D02

#7FCA02

#CAB102

Triadic

#CAB102

#02CAB1

#B102CA

Split Complementary

#CAB102

#027FCA

#4D02CA

Tetradic

#CAB102

#02CA4D

#021BCA

#CA027F

Color Blindness Simulation

Original

#CAB102

Protanopia

#BFBF2C

Deuteranopia

#C1C236

Tritanopia

#C94E55

Achromatopsia

#AAAAAA

CSS Usage

background-color: #CAB102;
color: #CAB102;
border-color: #CAB102;
Nearest Tailwind: Yellow 500 #EAB308

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FEF6B8
300
#FEEF86
400
#FDE644
500
#FCDD03
600
#CAB102
700
#A28E02
800
#7E6F01
900
#5B5006
950
#3A3304

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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