#C28094

#C28094

Color Values

HEX

#C28094

RGB

194, 128, 148

HSL

341.8, 35.1%, 63.1%

HSV

341.8, 34.0%, 76.1%

CMYK

0.0%, 34.0%, 23.7%, 23.9%

OKLCH

0.6732 0.0853 359.9

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#C28094

#80C2AE

Analogous

#C280B5

#C28D80

#C28094

Triadic

#C28094

#94C280

#8094C2

Split Complementary

#C28094

#80C28D

#80B5C2

Tetradic

#C28094

#B5C280

#80C2AE

#8D80C2

Color Blindness Simulation

Original

#C28094

Protanopia

#A5A58F

Deuteranopia

#A9AE8E

Tritanopia

#BF8B8A

Achromatopsia

#8F8F8F

CSS Usage

background-color: #C28094;
color: #C28094;
border-color: #C28094;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F6
100
#F2E8EB
200
#E8CFD6
300
#D7ACB9
400
#C28094
500
#AC536E
600
#8A4258
700
#6E3546
800
#562937
900
#40212A
950
#28151B

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

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