#C2BA45

#C2BA45

Color Values

HEX

#C2BA45

RGB

194, 186, 69

HSL

56.2, 50.6%, 51.6%

HSV

56.2, 64.4%, 76.1%

CMYK

0.0%, 4.1%, 64.4%, 23.9%

OKLCH

0.7737 0.1366 105.4

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#C2BA45

#454DC2

Analogous

#C27C45

#8BC245

#C2BA45

Triadic

#C2BA45

#45C2BA

#BA45C2

Split Complementary

#C2BA45

#458BC2

#7C45C2

Tetradic

#C2BA45

#45C27C

#454DC2

#C2458B

Color Blindness Simulation

Original

#C2BA45

Protanopia

#BFBE61

Deuteranopia

#BFC068

Tritanopia

#C2787D

Achromatopsia

#B3B3B3

CSS Usage

background-color: #C2BA45;
color: #C2BA45;
border-color: #C2BA45;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFAF4
100
#F5F4E5
200
#EDEBC9
300
#E1DDA3
400
#D0CA71
500
#C0B83F
600
#9A9332
700
#7B7628
800
#605C1F
900
#47441A
950
#2D2B11

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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