Colore con nome · #8EDACC
Bambino
Bambino è #8EDACC: rgb(142 218 204), hsl(169 51% 71%), oklch(0.835 0.078 181.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Bambino color name →
#8EDACC
oklch(0.835 0.078 181.4)
Conversioni di colore
- HEX
- #8edacc
- RGB
- rgb(142 218 204)
- HSL
- hsl(169 51% 71%)
- HWB
- hwb(169 56% 15%)
- OKLCH
- oklch(0.835 0.078 181.4)
- OKLab
- oklab(0.835 -0.078 -0.002)
- CIE Lab
- lab(81.81 -26.87 -0.96)
- LCH
- lch(81.81 26.88 182)
- CMYK
- cmyk(35% 0% 6% 15%)
Tinte · Ombre · Toni
Tinte
- 9ADED1
- A6E2D6
- B2E5DB
- BDE9E0
- C9EDE5
- D4F0EA
- DFF4EF
- E9F8F5
- F4FBFA
Ombre
- 7BBDB1
- 68A297
- 56877E
- 446C65
- 34544E
- 243C37
- 152522
- 07110F
- 010202
Toni
- 8ED1C4
- 8DC7BC
- 8CBEB5
- 8BB5AD
- 8AACA5
- 88A39E
- 869A96
- 84918F
- 828987
Armonie di colore
Complementare +180°
- 8EDACC
Bambino
- F5B4C5
≈ Rhodonite
Analogo -30° +30°
- 8EDACC
Bambino
- A4D8B0
≈ Frugal
- 8BD7E6
≈ Tanager Turquoise
Triadico +120° +240°
- 8EDACC
Bambino
- D1BEF4
≈ Connecticut Lilac
- EFBE95
≈ Word of Mouth
Complementare divisa +150° +210°
- 8EDACC
Bambino
- E8B7E0
≈ Pink Drink
- F7B7AA
≈ Pink Mimosa
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.05:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.05:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--bambino: #8edacc;
--bambino-rgb: 142 218 204;
--bambino-oklch: oklch(0.835 0.078 181.4);
}
.element {
color: var(--bambino);
background-color: hsl(169 51% 71%);
border-color: oklch(0.835 0.078 181.4);
}Tailwind CSS v4
@theme {
--color-bambino: #8edacc;
--color-bambino-50: #defdf7;
--color-bambino-100: #ccf1ea;
--color-bambino-200: #b0e0d7;
--color-bambino-300: #8ac5bb;
--color-bambino-400: #67aea1;
--color-bambino-500: #419789;
--color-bambino-600: #388074;
--color-bambino-700: #2d665d;
--color-bambino-800: #1f4b43;
--color-bambino-900: #15342e;
--color-bambino-950: #06201b;
}SCSS
$bambino: #8edacc;
$bambino-rgb: 142, 218, 204;
$bambino-light: mix(#fff, $bambino, 20%);
$bambino-dark: mix(#000, $bambino, 20%);
.element {
color: $bambino;
box-shadow: 0 0 0 2px rgba($bambino, 0.35);
}