Nazwany kolor · #FFBBDD
Pink Satin
Pink Satin to #FFBBDD: rgb(255 187 221), hsl(330 100% 87%), oklch(0.864 0.089 347.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Pink mean? → · Pink Satin color name →
#FFBBDD
oklch(0.864 0.089 347.7)
Konwersje koloru
- HEX
- #ffbbdd
- RGB
- rgb(255 187 221)
- HSL
- hsl(330 100% 87%)
- HWB
- hwb(330 73% 0%)
- OKLCH
- oklch(0.864 0.089 347.7)
- OKLab
- oklab(0.864 0.087 -0.019)
- CIE Lab
- lab(83.05 28.95 -6.9)
- LCH
- lch(83.05 29.76 346.6)
- CMYK
- cmyk(0% 27% 13% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFC2E0
- FFC9E4
- FFD0E7
- FFD6EB
- FFDDEE
- FFE4F1
- FFEBF5
- FFF1F8
- FFF8FC
Odcienie ciemniejsze
- DEA2C0
- BE8AA4
- 9E7388
- 805C6E
- 634655
- 48323D
- 2E1F26
- 160D11
- 030202
Tony
- F2B5D3
- E5AFCA
- D8A9C0
- CBA3B7
- BF9DAD
- B298A4
- A5929B
- 998C92
- 8C8689
Harmonie kolorów
Komplementarna +180°
- FFBBDD
Pink Satin
- 97E6C7
≈ Green Gum
Analogowa -30° +30°
- FFBBDD
Pink Satin
- EBC0F9
≈ Light Lavender
- FFC0C1
≈ Delhi Dance Pink
Triada +120° +240°
- FFBBDD
Pink Satin
- D8D792
≈ Mellow Green
- 94DEFF
≈ Gas Giant
Komplementarna rozszczepiona +150° +210°
- FFBBDD
Pink Satin
- B6E1A8
≈ Madang
- 88E5E7
≈ Aqua Fiesta
Tetrada +90° +180° +270°
- FFBBDD
Pink Satin
- F3CC8F
≈ Sweet!
- 97E6C7
≈ Green Gum
- B7D4FF
≈ Ice Cold Stare
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.56:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.40:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.40:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--pink-satin: #ffbbdd;
--pink-satin-rgb: 255 187 221;
--pink-satin-oklch: oklch(0.864 0.089 347.7);
}
.element {
color: var(--pink-satin);
background-color: hsl(330 100% 87%);
border-color: oklch(0.864 0.089 347.7);
}Tailwind CSS v4
@theme {
--color-pink-satin: #ffbbdd;
--color-pink-satin-50: #ffebf9;
--color-pink-satin-100: #ffdcec;
--color-pink-satin-200: #f3c5da;
--color-pink-satin-300: #dba5be;
--color-pink-satin-400: #c689a8;
--color-pink-satin-500: #b16d91;
--color-pink-satin-600: #965d7b;
--color-pink-satin-700: #784a62;
--color-pink-satin-800: #593549;
--color-pink-satin-900: #3e2433;
--color-pink-satin-950: #27131e;
}SCSS
$pink-satin: #ffbbdd;
$pink-satin-rgb: 255, 187, 221;
$pink-satin-light: mix(#fff, $pink-satin, 20%);
$pink-satin-dark: mix(#000, $pink-satin, 20%);
.element {
color: $pink-satin;
box-shadow: 0 0 0 2px rgba($pink-satin, 0.35);
}