Colore con nome più vicino · #8DDAD3
#8DDAD3
Colore con nome più vicino: Bambino
#8DDAD3 (rgb(141 218 211), hsl(175 51% 70%), oklch(0.836 0.077 188.5)) è più vicino al colore con nome Bambino. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8DDAD3
oklch(0.836 0.077 188.5)
Conversioni di colore
- HEX
- #8ddad3
- RGB
- rgb(141 218 211)
- HSL
- hsl(175 51% 70%)
- HWB
- hwb(175 55% 15%)
- OKLCH
- oklch(0.836 0.077 188.5)
- OKLab
- oklab(0.836 -0.076 -0.011)
- CIE Lab
- lab(81.91 -25.95 -4.5)
- LCH
- lch(81.91 26.33 189.8)
- CMYK
- cmyk(35% 0% 3% 15%)
Tinte · Ombre · Toni
Tinte
- 99DED7
- A6E2DC
- B1E5E0
- BDE9E4
- C8EDE9
- D3F0ED
- DEF4F2
- E9F8F6
- F4FBFB
Ombre
- 7ABDB7
- 67A29C
- 558782
- 446C69
- 335451
- 233C3A
- 142524
- 071110
- 010202
Toni
- 8DD1CA
- 8CC7C2
- 8BBEB9
- 8BB5B1
- 89ACA9
- 88A3A0
- 869A98
- 849190
- 828988
Armonie di colore
Complementare +180°
- 8DDAD3
Bambino
- F6B5BF
≈ Squid Pink
Analogo -30° +30°
- 8DDAD3
Bambino
- 9FD9B7
≈ Nihilakh Oxide
- 8FD6EB
≈ Blue Effervescence
Triadico +120° +240°
- 8DDAD3
Bambino
- D8BCF0
≈ Beefy Pink
- EBC193
≈ Apple Turnover
Complementare divisa +150° +210°
- 8DDAD3
Bambino
- ECB7DA
≈ Soft Cashmere
- F6B9A5
≈ Yahoo
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.60:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.10:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--bambino: #8ddad3;
--bambino-rgb: 141 218 211;
--bambino-oklch: oklch(0.836 0.077 188.5);
}
.element {
color: var(--bambino);
background-color: hsl(175 51% 70%);
border-color: oklch(0.836 0.077 188.5);
}Tailwind CSS v4
@theme {
--color-bambino: #8ddad3;
--color-bambino-50: #ddfdfa;
--color-bambino-100: #ccf1ee;
--color-bambino-200: #afdfdc;
--color-bambino-300: #89c4c0;
--color-bambino-400: #66ada7;
--color-bambino-500: #3e9790;
--color-bambino-600: #367f7a;
--color-bambino-700: #2b6661;
--color-bambino-800: #1e4b47;
--color-bambino-900: #143431;
--color-bambino-950: #051f1d;
}SCSS
$bambino: #8ddad3;
$bambino-rgb: 141, 218, 211;
$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);
}