#CABE51

#CABE51

Color Values

HEX

#CABE51

RGB

202, 190, 81

HSL

54.0, 53.3%, 55.5%

HSV

54.0, 59.9%, 79.2%

CMYK

0.0%, 5.9%, 59.9%, 20.8%

OKLCH

0.7904 0.1303 103.1

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#CABE51

#515DCA

Analogous

#CA8151

#9ACA51

#CABE51

Triadic

#CABE51

#51CABE

#BE51CA

Split Complementary

#CABE51

#519ACA

#8151CA

Tetradic

#CABE51

#51CA81

#515DCA

#CA519A

Color Blindness Simulation

Original

#CABE51

Protanopia

#C5C56B

Deuteranopia

#C6C672

Tritanopia

#C98085

Achromatopsia

#B9B9B9

CSS Usage

background-color: #CABE51;
color: #CABE51;
border-color: #CABE51;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FBFAF4
100
#F5F4E5
200
#EEEBC8
300
#E2DCA1
400
#D3C96E
500
#C3B63C
600
#9C9130
700
#7D7426
800
#625B1E
900
#484319
950
#2D2A10

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

11.0:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026