En yakın adlandırılmış renk · #CEE5EB
#CEE5EB
En yakın adlandırılmış renk: Northwind
#CEE5EB (rgb(206 229 235), hsl(192 42% 86%), oklch(0.907 0.026 215.1)) en çok Northwind adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#CEE5EB
oklch(0.907 0.026 215.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D3E8ED
- D8EAEF
- DDEDF1
- E2EFF3
- E6F2F5
- EBF5F7
- F0F7F9
- F5FAFB
- FAFCFD
Koyu tonlar
- B3C7CC
- 98AAAE
- 7F8E91
- 667275
- 4E585B
- 383F41
- 232829
- 0F1213
- 020303
Gri tonlar
- C6DAE0
- BED0D5
- B6C6CA
- AEBBBF
- A6B1B4
- 9FA7A9
- 979D9F
- 8F9394
- 888A8A
Renk uyumları
Tamamlayıcı +180°
- CEE5EB
Northwind
- F1DBD5
≈ Porcelain Blush
Analog -30° +30°
- CEE5EB
Northwind
- CEE6E2
≈ Ice Dagger
- D3E2F1
≈ Weathered Blue
Üçlü +120° +240°
- CEE5EB
Northwind
- ECDAE7
≈ Mountain Heather
- E5E0CE
≈ Pueblo White
Bölünmüş tamamlayıcı +150° +210°
- CEE5EB
Northwind
- F0DADE
≈ Sweet Bianca
- EDDDCF
≈ Bare Bone
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.03:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
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);
}