#C6C56F

#C6C56F

Color Values

HEX

#C6C56F

RGB

198, 197, 111

HSL

59.3, 43.3%, 60.6%

HSV

59.3, 43.9%, 77.6%

CMYK

0.0%, 0.5%, 43.9%, 22.4%

OKLCH

0.8055 0.1089 108.0

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#C6C56F

#6F70C6

Analogous

#C69A6F

#9CC66F

#C6C56F

Triadic

#C6C56F

#6FC6C5

#C56FC6

Split Complementary

#C6C56F

#6F9CC6

#9A6FC6

Tetradic

#C6C56F

#6FC69A

#6F70C6

#C66F9C

Color Blindness Simulation

Original

#C6C56F

Protanopia

#C6C684

Deuteranopia

#C6C689

Tritanopia

#C69498

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F4E7
200
#EBEACC
300
#DCDCA7
400
#CAC978
500
#B7B548
600
#92913A
700
#75742E
800
#5B5B24
900
#43431E
950
#2B2A13

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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