#FF9ACB

#FF9ACB

Color Values

HEX

#FF9ACB

RGB

255, 154, 203

HSL

330.9, 100.0%, 80.2%

HSV

330.9, 39.6%, 100.0%

CMYK

0.0%, 39.6%, 20.4%, 0.0%

OKLCH

0.804 0.1333 350.0

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FF9ACB

#9AFFCE

Analogous

#FF9AFD

#FF9C9A

#FF9ACB

Triadic

#FF9ACB

#CBFF9A

#9ACBFF

Split Complementary

#FF9ACB

#9AFF9C

#9AFDFF

Tetradic

#FF9ACB

#FDFF9A

#9AFFCE

#9C9AFF

Color Blindness Simulation

Original

#FF9ACB

Protanopia

#D3D2BF

Deuteranopia

#D9E1BC

Tritanopia

#FAB6B4

Achromatopsia

#B3B3B3

CSS Usage

background-color: #FF9ACB;
color: #FF9ACB;
border-color: #FF9ACB;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FFB8DA
300
#FF85C0
400
#FF429E
500
#FF007C
600
#CC0063
700
#A3004F
800
#80003E
900
#5C052F
950
#3A031E

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

10.74:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026