Benoemde kleur · #E3ABCE
Pink Bliss
Pink Bliss is #E3ABCE: rgb(227 171 206), hsl(323 50% 78%), oklch(0.803 0.08 341.1). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Pink mean? → · Pink Bliss color name →
#E3ABCE
oklch(0.803 0.08 341.1)
Kleurconversies
- HEX
- #e3abce
- RGB
- rgb(227 171 206)
- HSL
- hsl(323 50% 78%)
- HWB
- hwb(323 67% 11%)
- OKLCH
- oklch(0.803 0.08 341.1)
- OKLab
- oklab(0.803 0.075 -0.026)
- CIE Lab
- lab(76.09 25.17 -9.45)
- LCH
- lch(76.09 26.89 339.4)
- CMYK
- cmyk(0% 25% 9% 11%)
Tinten · Schaduwen · Tonen
Tinten
- E6B3D3
- E9BCD8
- ECC4DD
- EFCCE1
- F2D5E6
- F5DDEB
- F7E6F0
- FAEEF5
- FDF7FA
Schaduwen
- C594B3
- A87E98
- 8C687F
- 715466
- 57404E
- 3F2D38
- 271B23
- 120B0F
- 030102
Tonen
- D9A7C6
- CFA2BE
- C59EB6
- BB9AAE
- B196A6
- A7919E
- 9D8D97
- 94898F
- 8A8488
Kleurharmonieën
Complementair +180°
- E3ABCE
Pink Bliss
- 90CFAE
≈ Vile Green
Analoog -30° +30°
- E3ABCE
Pink Bliss
- CFB1E5
≈ Whisper of Plum
- EDAAB2
≈ Hibiscus Petal
Triadisch +120° +240°
- E3ABCE
Pink Bliss
- C9C185
≈ Fiddlehead Fern
- 83CBE3
≈ Blue Limewash
Gesplitst complementair +150° +210°
- E3ABCE
Pink Bliss
- ADCA94
≈ Garden Spot
- 7FD0CB
≈ Surf Wash
Tetradisch +90° +180° +270°
- E3ABCE
Pink Bliss
- E0B786
≈ Jerboa
- 90CFAE
≈ Vile Green
- 99C3F1
≈ Sail to the Sea
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.91:1 · APCA Lc 36
Ag
AAAOp zwart
WCAG 10.98:1 · APCA Lc 66
Beste tekstkleur: #000000
WCAG 10.98:1 (AAA) · APCA Lc 66
Contrast pairs
Codefragmenten
CSS
:root {
--pink-bliss: #e3abce;
--pink-bliss-rgb: 227 171 206;
--pink-bliss-oklch: oklch(0.803 0.08 341.1);
}
.element {
color: var(--pink-bliss);
background-color: hsl(323 50% 78%);
border-color: oklch(0.803 0.08 341.1);
}Tailwind CSS v4
@theme {
--color-pink-bliss: #e3abce;
--color-pink-bliss-50: #ffedfb;
--color-pink-bliss-100: #fcdeef;
--color-pink-bliss-200: #eec7dd;
--color-pink-bliss-300: #d5a8c2;
--color-pink-bliss-400: #bf8cac;
--color-pink-bliss-500: #aa7196;
--color-pink-bliss-600: #90607f;
--color-pink-bliss-700: #734c65;
--color-pink-bliss-800: #55374b;
--color-pink-bliss-900: #3b2634;
--color-pink-bliss-950: #251420;
}SCSS
$pink-bliss: #e3abce;
$pink-bliss-rgb: 227, 171, 206;
$pink-bliss-light: mix(#fff, $pink-bliss, 20%);
$pink-bliss-dark: mix(#000, $pink-bliss, 20%);
.element {
color: $pink-bliss;
box-shadow: 0 0 0 2px rgba($pink-bliss, 0.35);
}