Colore con nome · #E6B2B8
Amazon River Dolphin
Amazon River Dolphin è #E6B2B8: rgb(230 178 184), hsl(353 51% 80%), oklch(0.812 0.061 10.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Amazon River Dolphin color name →
#E6B2B8
oklch(0.812 0.061 10.8)
Conversioni di colore
- HEX
- #e6b2b8
- RGB
- rgb(230 178 184)
- HSL
- hsl(353 51% 80%)
- HWB
- hwb(353 70% 10%)
- OKLCH
- oklch(0.812 0.061 10.8)
- OKLab
- oklab(0.812 0.06 0.011)
- CIE Lab
- lab(77.54 20.13 4.61)
- LCH
- lch(77.54 20.65 12.9)
- CMYK
- cmyk(0% 23% 20% 10%)
Tinte · Ombre · Toni
Tinte
- E9BABF
- ECC1C6
- EEC9CD
- F1D1D4
- F4D8DB
- F6E0E2
- F8E8E9
- FBEFF0
- FDF7F8
Ombre
- C89AA0
- AB8388
- 8E6D71
- 73575B
- 594345
- 402F31
- 281D1E
- 130C0C
- 030102
Toni
- DCADB2
- D1A8AD
- C7A3A7
- BD9EA1
- B2999C
- A89496
- 9E8F90
- 948A8B
- 8A8585
Armonie di colore
Complementare +180°
- E6B2B8
Amazon River Dolphin
- 94CFCB
≈ Clear Cove
Analogo -30° +30°
- E6B2B8
Amazon River Dolphin
- DEB3CE
≈ Purple Poodle
- E5B5A4
≈ Black-Eyed Peach
Triadico +120° +240°
- E6B2B8
Amazon River Dolphin
- B4CAA1
≈ Sprout
- A5C5E8
≈ Sky High
Complementare divisa +150° +210°
- E6B2B8
Amazon River Dolphin
- A0CEB5
≈ Retro Mint
- 96CBDE
≈ Medical Mask
Tetradico +90° +180° +270°
- E6B2B8
Amazon River Dolphin
- CAC396
≈ Parlour Sage
- 94CFCB
≈ Clear Cove
- BABEE9
≈ Larkspur Bud
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.83:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.42:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.42:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--amazon-river-dolphin: #e6b2b8;
--amazon-river-dolphin-rgb: 230 178 184;
--amazon-river-dolphin-oklch: oklch(0.812 0.061 10.8);
}
.element {
color: var(--amazon-river-dolphin);
background-color: hsl(353 51% 80%);
border-color: oklch(0.812 0.061 10.8);
}Tailwind CSS v4
@theme {
--color-amazon-river-dolphin: #e6b2b8;
--color-amazon-river-dolphin-50: #ffeef0;
--color-amazon-river-dolphin-100: #fce0e2;
--color-amazon-river-dolphin-200: #edcacd;
--color-amazon-river-dolphin-300: #d5abaf;
--color-amazon-river-dolphin-400: #bf9096;
--color-amazon-river-dolphin-500: #aa757c;
--color-amazon-river-dolphin-600: #906469;
--color-amazon-river-dolphin-700: #735054;
--color-amazon-river-dolphin-800: #553a3e;
--color-amazon-river-dolphin-900: #3b272b;
--color-amazon-river-dolphin-950: #251618;
}SCSS
$amazon-river-dolphin: #e6b2b8;
$amazon-river-dolphin-rgb: 230, 178, 184;
$amazon-river-dolphin-light: mix(#fff, $amazon-river-dolphin, 20%);
$amazon-river-dolphin-dark: mix(#000, $amazon-river-dolphin, 20%);
.element {
color: $amazon-river-dolphin;
box-shadow: 0 0 0 2px rgba($amazon-river-dolphin, 0.35);
}