Cor nomeada mais próxima · #C4E9F2
#C4E9F2
Cor nomeada mais próxima: Summer Mist
#C4E9F2 (rgb(196 233 242), hsl(192 64% 86%), oklch(0.91 0.04 214.1)) é mais próxima da cor nomeada Summer Mist. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#C4E9F2
oklch(0.91 0.04 214.1)
Conversões de cor
- HEX
- #c4e9f2
- RGB
- rgb(196 233 242)
- HSL
- hsl(192 64% 86%)
- HWB
- hwb(192 77% 5%)
- OKLCH
- oklch(0.91 0.04 214.1)
- OKLab
- oklab(0.91 -0.033 -0.023)
- CIE Lab
- lab(89.9 -11.06 -8.62)
- LCH
- lch(89.9 14.02 217.9)
- CMYK
- cmyk(19% 4% 0% 5%)
Tons claros · Sombras · Tons
Tons claros
- CAEBF3
- D0EDF5
- D6F0F6
- DCF2F7
- E2F4F9
- E8F6FA
- EEF8FB
- F3FBFC
- F9FDFE
Sombras
- AACBD2
- 91ADB4
- 789096
- 617479
- 4A5A5E
- 354143
- 21292B
- 0E1314
- 020303
Tons
- BDDEE6
- B6D3DA
- AFC8CE
- A9BEC3
- A2B3B7
- 9BA9AC
- 949EA1
- 8D9496
- 878A8B
Harmonias de cor
Complementar +180°
- C4E9F2
Summer Mist
- FBD9D0
≈ Bunny Ears
Análoga -30° +30°
- C4E9F2
Summer Mist
- C5EBE4
≈ Clear Aqua
- CCE5FB
≈ Fresh Water
Tríade +120° +240°
- C4E9F2
Summer Mist
- F3D8ED
≈ Grape Taffy
- EAE2C4
≈ Star of Gold
Complementar dividida +150° +210°
- C4E9F2
Summer Mist
- FAD7DE
≈ Barely Pink
- F5DCC6
≈ Crisp Wonton
Tétrade +90° +180° +270°
- C4E9F2
Summer Mist
- E7DBF8
≈ Pouty Purple
- FBD9D0
≈ Bunny Ears
- DCE6C9
≈ Breath of Celery
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASobre preto
WCAG 16.28:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.28:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--summer-mist: #c4e9f2;
--summer-mist-rgb: 196 233 242;
--summer-mist-oklch: oklch(0.91 0.04 214.1);
}
.element {
color: var(--summer-mist);
background-color: hsl(192 64% 86%);
border-color: oklch(0.91 0.04 214.1);
}Tailwind CSS v4
@theme {
--color-summer-mist: #c4e9f2;
--color-summer-mist-50: #e9f8fd;
--color-summer-mist-100: #daecf1;
--color-summer-mist-200: #c2d9df;
--color-summer-mist-300: #a1bdc5;
--color-summer-mist-400: #84a5ad;
--color-summer-mist-500: #678e97;
--color-summer-mist-600: #58787f;
--color-summer-mist-700: #466066;
--color-summer-mist-800: #32464b;
--color-summer-mist-900: #223134;
--color-summer-mist-950: #111d1f;
}SCSS
$summer-mist: #c4e9f2;
$summer-mist-rgb: 196, 233, 242;
$summer-mist-light: mix(#fff, $summer-mist, 20%);
$summer-mist-dark: mix(#000, $summer-mist, 20%);
.element {
color: $summer-mist;
box-shadow: 0 0 0 2px rgba($summer-mist, 0.35);
}