#C862BB

#C862BB

Color Values

HEX

#C862BB

RGB

200, 98, 187

HSL

307.6, 48.1%, 58.4%

HSV

307.6, 51.0%, 78.4%

CMYK

0.0%, 51.0%, 6.5%, 21.6%

OKLCH

0.6481 0.1687 332.3

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C862BB

#62C86F

Analogous

#A262C8

#C86288

#C862BB

Triadic

#C862BB

#BBC862

#62BBC8

Split Complementary

#C862BB

#88C862

#62C8A2

Tetradic

#C862BB

#C8A262

#62C86F

#6288C8

Color Blindness Simulation

Original

#C862BB

Protanopia

#9C9BA5

Deuteranopia

#A2A9A0

Tritanopia

#C39491

Achromatopsia

#7E7E7E

CSS Usage

background-color: #C862BB;
color: #C862BB;
border-color: #C862BB;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4FA
100
#F4E6F3
200
#ECCAE8
300
#DFA4D8
400
#CE73C3
500
#BD42AD
600
#97358B
700
#792A6F
800
#5E2157
900
#451B40
950
#2C1128

Contrast Checker

Text on white

3.55:1

AA Fail AAA Fail

Text on black

5.92:1

AA Pass AAA Fail

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