Colore con nome · #E6B6BE
Premium Pink
Premium Pink è #E6B6BE: rgb(230 182 190), hsl(350 49% 81%), oklch(0.821 0.056 7.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Premium Pink color name →
#E6B6BE
oklch(0.821 0.056 7.2)
Conversioni di colore
- HEX
- #e6b6be
- RGB
- rgb(230 182 190)
- HSL
- hsl(350 49% 81%)
- HWB
- hwb(350 71% 10%)
- OKLCH
- oklch(0.821 0.056 7.2)
- OKLab
- oklab(0.821 0.056 0.007)
- CIE Lab
- lab(78.61 18.78 2.92)
- LCH
- lch(78.61 19 8.8)
- CMYK
- cmyk(0% 21% 17% 10%)
Tinte · Ombre · Toni
Tinte
- E9BDC4
- ECC4CB
- EECCD1
- F1D3D8
- F3DADE
- F6E2E5
- F8E9EB
- FBF0F2
- FDF8F8
Ombre
- C89EA5
- AB868C
- 8E6F75
- 73595E
- 594448
- 403033
- 281D1F
- 130C0D
- 030202
Toni
- DCB1B8
- D1ABB1
- C7A6AB
- BCA0A5
- B29B9E
- A89598
- 9E9092
- 948B8C
- 8A8586
Armonie di colore
Complementare +180°
- E6B6BE
Premium Pink
- 9BD1CB
≈ Fountain City
Analogo -30° +30°
- E6B6BE
Premium Pink
- DDB7D2
≈ Blissfully Mine
- E6B9AB
≈ Tofino
Triadico +120° +240°
- E6B6BE
Premium Pink
- BACCA5
≈ Pixie Green
- A8C9E8
≈ Island Light
Complementare divisa +150° +210°
- E6B6BE
Premium Pink
- A7D0B6
≈ Feather Green
- 9BCEDD
≈ Intercoastal
Tetradico +90° +180° +270°
- E6B6BE
Premium Pink
- CEC59C
≈ Archisa
- 9BD1CB
≈ Fountain City
- BBC2EA
≈ Canterbury Bells
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.77:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.79:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--premium-pink: #e6b6be;
--premium-pink-rgb: 230 182 190;
--premium-pink-oklch: oklch(0.821 0.056 7.2);
}
.element {
color: var(--premium-pink);
background-color: hsl(350 49% 81%);
border-color: oklch(0.821 0.056 7.2);
}Tailwind CSS v4
@theme {
--color-premium-pink: #e6b6be;
--color-premium-pink-50: #ffeff2;
--color-premium-pink-100: #fae1e4;
--color-premium-pink-200: #ebcbcf;
--color-premium-pink-300: #d2acb1;
--color-premium-pink-400: #bd9198;
--color-premium-pink-500: #a7777f;
--color-premium-pink-600: #8d656c;
--color-premium-pink-700: #715056;
--color-premium-pink-800: #543a40;
--color-premium-pink-900: #3a282c;
--color-premium-pink-950: #241619;
}SCSS
$premium-pink: #e6b6be;
$premium-pink-rgb: 230, 182, 190;
$premium-pink-light: mix(#fff, $premium-pink, 20%);
$premium-pink-dark: mix(#000, $premium-pink, 20%);
.element {
color: $premium-pink;
box-shadow: 0 0 0 2px rgba($premium-pink, 0.35);
}