Cor nomeada mais próxima · #90D9CD
#90D9CD
Cor nomeada mais próxima: Bambino
#90D9CD (rgb(144 217 205), hsl(170 49% 71%), oklch(0.834 0.075 183)) é mais próxima da cor nomeada Bambino. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#90D9CD
oklch(0.834 0.075 183)
Conversões de cor
- HEX
- #90d9cd
- RGB
- rgb(144 217 205)
- HSL
- hsl(170 49% 71%)
- HWB
- hwb(170 56% 15%)
- OKLCH
- oklch(0.834 0.075 183)
- OKLab
- oklab(0.834 -0.075 -0.004)
- CIE Lab
- lab(81.65 -25.68 -1.7)
- LCH
- lch(81.65 25.73 183.8)
- CMYK
- cmyk(34% 0% 6% 15%)
Tons claros · Sombras · Tons
Tons claros
- 9CDDD2
- A8E1D7
- B3E5DC
- BEE8E1
- C9ECE6
- D4F0EB
- DFF4F0
- EAF8F5
- F4FBFA
Sombras
- 7DBCB2
- 6AA198
- 57867E
- 456C66
- 34534E
- 243B38
- 152523
- 07110F
- 010202
Tons
- 8FD0C5
- 8EC7BD
- 8DBEB5
- 8CB5AD
- 8AACA6
- 89A39E
- 879A96
- 85918F
- 828987
Harmonias de cor
Complementar +180°
- 90D9CD
Bambino
- F3B5C4
≈ Ibis
Análoga -30° +30°
- 90D9CD
Bambino
- A4D7B2
≈ Frugal
- 8ED6E6
≈ Tanager Turquoise
Tríade +120° +240°
- 90D9CD
Bambino
- D2BDF1
≈ Connecticut Lilac
- ECBF96
≈ Golden Oat Coloured
Complementar dividida +150° +210°
- 90D9CD
Bambino
- E7B7DE
≈ Pink Drink
- F5B7AA
≈ Pink Mimosa
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.61:1 · APCA Lc 28
Ag
AAASobre preto
WCAG 12.99:1 · APCA Lc 75
Melhor cor de texto: #000000
WCAG 12.99:1 (AAA) · APCA Lc 75
Contrast pairs
Trechos de código
CSS
:root {
--bambino: #90d9cd;
--bambino-rgb: 144 217 205;
--bambino-oklch: oklch(0.834 0.075 183);
}
.element {
color: var(--bambino);
background-color: hsl(170 49% 71%);
border-color: oklch(0.834 0.075 183);
}Tailwind CSS v4
@theme {
--color-bambino: #90d9cd;
--color-bambino-50: #dffdf8;
--color-bambino-100: #cdf1eb;
--color-bambino-200: #b1dfd8;
--color-bambino-300: #8cc4bc;
--color-bambino-400: #69ada2;
--color-bambino-500: #44968b;
--color-bambino-600: #3b7f75;
--color-bambino-700: #2f665e;
--color-bambino-800: #214b44;
--color-bambino-900: #16342f;
--color-bambino-950: #071f1b;
}SCSS
$bambino: #90d9cd;
$bambino-rgb: 144, 217, 205;
$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);
}