#C1C370

#C1C370

Color Values

HEX

#C1C370

RGB

193, 195, 112

HSL

61.4, 40.9%, 60.2%

HSV

61.4, 42.6%, 76.5%

CMYK

1.0%, 0.0%, 42.6%, 23.5%

OKLCH

0.7973 0.1061 109.8

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#C1C370

#7270C3

Analogous

#C39B70

#98C370

#C1C370

Triadic

#C1C370

#70C1C3

#C370C1

Split Complementary

#C1C370

#7098C3

#9B70C3

Tetradic

#C1C370

#70C39B

#7270C3

#C37098

Color Blindness Simulation

Original

#C1C370

Protanopia

#C2C284

Deuteranopia

#C2C289

Tritanopia

#C19497

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E9EACD
300
#DADBA9
400
#C5C77A
500
#B1B44B
600
#8E903C
700
#717330
800
#595A26
900
#41421F
950
#292A13

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

11.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026