pinkwarmCSS named color
Pink #FFC0CB
A light soft pink; gentle and approachable.
Use cases: Feminine brands · Soft UI
Color values
| Format | Value | |
|---|---|---|
| HEX | #FFC0CB | |
| RGB | rgb(255, 192, 203) | |
| HSL | hsl(350, 100%, 88%) | |
| HSV | hsv(350, 25%, 100%) | |
| CMYK | cmyk(0%, 24.7%, 20.4%, 0%) | |
| XYZ | xyz(70.8698, 63.2743, 64.9685) | |
| CIE-LAB | lab(83.6, 24.1, 3.3) | |
| Luminance | 0.633 (WCAG relative) |
/* Pink */
color: #ffc0cb;
background-color: #ffc0cb;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#e6adb7 #cc9aa2 #b3868e #99737a #806066 #664d51 #4d3a3d #332629 #1a1314 #000000
Tints (toward white)
#ffc6d0 #ffcdd5 #ffd3db #ffd9e0 #ffe0e5 #ffe6ea #ffecef #fff2f5 #fff9fa #ffffff
Tones (toward gray)
#f2bac4 #e6b3bc #d9adb5 #cca6ad #c0a0a6 #b39a9e #a69397 #998d8f #8d8688 #808080
Color harmonies
Complementary
Edit in generator →#FFC0CB
#C0FFF4
#ffc0cb #c0fff4
Analogous
Edit in generator →#FFC0EA
#FFC0CB
#FFD4C0
#ffc0ea #ffc0cb #ffd4c0
Triadic
Edit in generator →#FFC0CB
#CBFFC0
#C0CBFF
#ffc0cb #cbffc0 #c0cbff
Tetradic
Edit in generator →#FFC0CB
#EAFFC0
#C0FFF4
#D4C0FF
#ffc0cb #eaffc0 #c0fff4 #d4c0ff
Split Complementary
Edit in generator →#FFC0CB
#C0FFD4
#C0EAFF
#ffc0cb #c0ffd4 #c0eaff
Monochromatic
Edit in generator →#FF4666
#FF8398
#FFC0CB
#FFE0E6
#FFE0E6
#ff4666 #ff8398 #ffc0cb #ffe0e6 #ffe0e6
Accessibility & contrast
1.54
#FFC0CB on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
13.65
#FFC0CB on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
Best text on pink
13.65
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Bubblegum #FFC1CC | 0.27 | |
| Dusty Pink #D8A7B1 | 7.82 | |
| Lilac #C8A2C8 | 14.31 | |
| Plum #DDA0DD | 16.00 | |
| Apricot #FBCEB1 | 16.94 | |
| Watermelon #FC6C85 | 18.82 |
Related colors
Palettes with pink
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.