#C1C663

#C1C663

Color Values

HEX

#C1C663

RGB

193, 198, 99

HSL

63.0, 46.5%, 58.2%

HSV

63.0, 50.0%, 77.6%

CMYK

2.5%, 0.0%, 50.0%, 22.4%

OKLCH

0.8019 0.1232 111.5

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#C1C663

#6863C6

Analogous

#C69963

#8FC663

#C1C663

Triadic

#C1C663

#63C1C6

#C663C1

Split Complementary

#C1C663

#638FC6

#9963C6

Tetradic

#C1C663

#63C699

#6863C6

#C6638F

Color Blindness Simulation

Original

#C1C663

Protanopia

#C3C37B

Deuteranopia

#C3C281

Tritanopia

#C18E92

Achromatopsia

#BEBEBE

CSS Usage

background-color: #C1C663;
color: #C1C663;
border-color: #C1C663;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#EAECCB
300
#DBDEA5
400
#C8CD75
500
#B5BB44
600
#919537
700
#74782C
800
#5A5D22
900
#43451C
950
#2A2B12

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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