Cor nomeada mais próxima · #91D3CA
#91D3CA
Cor nomeada mais próxima: Bambino
#91D3CA (rgb(145 211 202), hsl(172 43% 70%), oklch(0.82 0.068 185.3)) é mais próxima da cor nomeada Bambino. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#91D3CA
oklch(0.82 0.068 185.3)
Conversões de cor
- HEX
- #91d3ca
- RGB
- rgb(145 211 202)
- HSL
- hsl(172 43% 70%)
- HWB
- hwb(172 57% 17%)
- OKLCH
- oklch(0.82 0.068 185.3)
- OKLab
- oklab(0.82 -0.068 -0.006)
- CIE Lab
- lab(79.94 -23.19 -2.57)
- LCH
- lch(79.94 23.33 186.3)
- CMYK
- cmyk(31% 0% 4% 17%)
Tons claros · Sombras · Tons
Tons claros
- 9DD7CF
- A8DCD4
- B3E0DA
- BEE5DF
- C9E9E4
- D4EEEA
- DFF2EF
- EAF6F4
- F4FBFA
Sombras
- 7DB7AF
- 6A9C95
- 58827C
- 466964
- 35514D
- 253A37
- 152422
- 07100F
- 010202
Tons
- 90CAC2
- 8FC2BB
- 8EBAB3
- 8CB1AC
- 8AA9A4
- 89A19D
- 879896
- 85908E
- 828887
Harmonias de cor
Complementar +180°
- 91D3CA
Bambino
- ECB2BE
≈ Frozen Veins
Análoga -30° +30°
- 91D3CA
Bambino
- A1D2B1
≈ Merrylyn
- 91D0E0
≈ Washed Blue
Tríade +120° +240°
- 91D3CA
Bambino
- CEB9E8
≈ Connecticut Lilac
- E3BC96
≈ Only Natural
Complementar dividida +150° +210°
- 91D3CA
Bambino
- E1B4D6
≈ French Lilac
- ECB5A6
≈ Plushy Pink
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.37:1 · APCA Lc 73
Melhor cor de texto: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--bambino: #91d3ca;
--bambino-rgb: 145 211 202;
--bambino-oklch: oklch(0.82 0.068 185.3);
}
.element {
color: var(--bambino);
background-color: hsl(172 43% 70%);
border-color: oklch(0.82 0.068 185.3);
}Tailwind CSS v4
@theme {
--color-bambino: #91d3ca;
--color-bambino-50: #e0fcf8;
--color-bambino-100: #d0f0ec;
--color-bambino-200: #b4ded9;
--color-bambino-300: #90c3bd;
--color-bambino-400: #6faca4;
--color-bambino-500: #4c958c;
--color-bambino-600: #417e77;
--color-bambino-700: #34655f;
--color-bambino-800: #254a45;
--color-bambino-900: #18332f;
--color-bambino-950: #091f1c;
}SCSS
$bambino: #91d3ca;
$bambino-rgb: 145, 211, 202;
$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);
}