Cor nomeada mais próxima · #CEE5EB
#CEE5EB
Cor nomeada mais próxima: Northwind
#CEE5EB (rgb(206 229 235), hsl(192 42% 86%), oklch(0.907 0.026 215.1)) é mais próxima da cor nomeada Northwind. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CEE5EB
oklch(0.907 0.026 215.1)
Conversões de cor
- HEX
- #cee5eb
- RGB
- rgb(206 229 235)
- HSL
- hsl(192 42% 86%)
- HWB
- hwb(192 81% 8%)
- OKLCH
- oklch(0.907 0.026 215.1)
- OKLab
- oklab(0.907 -0.021 -0.015)
- CIE Lab
- lab(89.36 -6.99 -5.66)
- LCH
- lch(89.36 8.99 219)
- CMYK
- cmyk(12% 3% 0% 8%)
Tons claros · Sombras · Tons
Tons claros
- D3E8ED
- D8EAEF
- DDEDF1
- E2EFF3
- E6F2F5
- EBF5F7
- F0F7F9
- F5FAFB
- FAFCFD
Sombras
- B3C7CC
- 98AAAE
- 7F8E91
- 667275
- 4E585B
- 383F41
- 232829
- 0F1213
- 020303
Tons
- C6DAE0
- BED0D5
- B6C6CA
- AEBBBF
- A6B1B4
- 9FA7A9
- 979D9F
- 8F9394
- 888A8A
Harmonias de cor
Complementar +180°
- CEE5EB
Northwind
- F1DBD5
≈ Porcelain Blush
Análoga -30° +30°
- CEE5EB
Northwind
- CEE6E2
≈ Ice Dagger
- D3E2F1
≈ Weathered Blue
Tríade +120° +240°
- CEE5EB
Northwind
- ECDAE7
≈ Mountain Heather
- E5E0CE
≈ Pueblo White
Complementar dividida +150° +210°
- CEE5EB
Northwind
- F0DADE
≈ Sweet Bianca
- EDDDCF
≈ Bare Bone
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.03:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--northwind: #cee5eb;
--northwind-rgb: 206 229 235;
--northwind-oklch: oklch(0.907 0.026 215.1);
}
.element {
color: var(--northwind);
background-color: hsl(192 42% 86%);
border-color: oklch(0.907 0.026 215.1);
}Tailwind CSS v4
@theme {
--color-northwind: #cee5eb;
--color-northwind-50: #edf7fa;
--color-northwind-100: #dfeaed;
--color-northwind-200: #c9d7db;
--color-northwind-300: #a9bbc0;
--color-northwind-400: #8ea3a8;
--color-northwind-500: #738b91;
--color-northwind-600: #62757b;
--color-northwind-700: #4e5e62;
--color-northwind-800: #384548;
--color-northwind-900: #273032;
--color-northwind-950: #151c1e;
}SCSS
$northwind: #cee5eb;
$northwind-rgb: 206, 229, 235;
$northwind-light: mix(#fff, $northwind, 20%);
$northwind-dark: mix(#000, $northwind, 20%);
.element {
color: $northwind;
box-shadow: 0 0 0 2px rgba($northwind, 0.35);
}