#C6C950

#C6C950

Color Values

HEX

#C6C950

RGB

198, 201, 80

HSL

61.5, 52.8%, 55.1%

HSV

61.5, 60.2%, 78.8%

CMYK

1.5%, 0.0%, 60.2%, 21.2%

OKLCH

0.8104 0.1427 110.5

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#C6C950

#5350C9

Analogous

#C99050

#89C950

#C6C950

Triadic

#C6C950

#50C6C9

#C950C6

Split Complementary

#C6C950

#5089C9

#9050C9

Tetradic

#C6C950

#50C990

#5350C9

#C95089

Color Blindness Simulation

Original

#C6C950

Protanopia

#C7C76D

Deuteranopia

#C7C774

Tritanopia

#C68489

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FBFBF4
100
#F5F5E5
200
#EDEEC8
300
#E0E2A1
400
#D0D26F
500
#BFC33C
600
#999C30
700
#7B7D27
800
#60611E
900
#464719
950
#2C2D10

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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