Adlandırılmış renk · #C5E6F7
Icy Landscape
Icy Landscape, #C5E6F7: rgb(197 230 247), hsl(200 76% 87%), oklch(0.906 0.042 230.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Icy Landscape color name →
#C5E6F7
oklch(0.906 0.042 230.2)
Renk dönüşümleri
- HEX
- #c5e6f7
- RGB
- rgb(197 230 247)
- HSL
- hsl(200 76% 87%)
- HWB
- hwb(200 77% 3%)
- OKLCH
- oklch(0.906 0.042 230.2)
- OKLab
- oklab(0.906 -0.027 -0.032)
- CIE Lab
- lab(89.29 -8.52 -12.09)
- LCH
- lch(89.29 14.79 234.8)
- CMYK
- cmyk(20% 7% 0% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBE9F8
- D1EBF9
- D7EEFA
- DCF0FA
- E2F3FB
- E8F5FC
- EEF8FD
- F3FAFD
- F9FDFE
Koyu tonlar
- ABC8D7
- 92ABB7
- 798E99
- 61737C
- 4B5960
- 354045
- 21282C
- 0E1315
- 020303
Gri tonlar
- BEDBEB
- B7D1DE
- B0C6D2
- A9BCC6
- A2B2BA
- 9BA8AE
- 949EA2
- 8E9497
- 878A8B
Renk uyumları
Tamamlayıcı +180°
- C5E6F7
Icy Landscape
- F8D9C8
≈ Peach Sachet
Analog -30° +30°
- C5E6F7
Icy Landscape
- C1E9EB
≈ Light Opale
- D0E1FD
≈ Arc Light
Üçlü +120° +240°
- C5E6F7
Icy Landscape
- F7D5E4
≈ Sunset Pink
- E1E3C4
≈ Frost
Bölünmüş tamamlayıcı +150° +210°
- C5E6F7
Icy Landscape
- FBD6D5
≈ Just a Tease
- EFDEC2
≈ Kabuki Clay
Dörtlü +90° +180° +270°
- C5E6F7
Icy Landscape
- EDD8F2
≈ Scented Spring
- F8D9C8
≈ Peach Sachet
- D2E7CD
≈ Butter Lettuce
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 {
--icy-landscape: #c5e6f7;
--icy-landscape-rgb: 197 230 247;
--icy-landscape-oklch: oklch(0.906 0.042 230.2);
}
.element {
color: var(--icy-landscape);
background-color: hsl(200 76% 87%);
border-color: oklch(0.906 0.042 230.2);
}Tailwind CSS v4
@theme {
--color-icy-landscape: #c5e6f7;
--color-icy-landscape-50: #eaf8ff;
--color-icy-landscape-100: #dbebf4;
--color-icy-landscape-200: #c3d8e3;
--color-icy-landscape-300: #a3bcc9;
--color-icy-landscape-400: #86a4b3;
--color-icy-landscape-500: #6a8c9d;
--color-icy-landscape-600: #5a7685;
--color-icy-landscape-700: #485f6a;
--color-icy-landscape-800: #33454e;
--color-icy-landscape-900: #233036;
--color-icy-landscape-950: #121c21;
}SCSS
$icy-landscape: #c5e6f7;
$icy-landscape-rgb: 197, 230, 247;
$icy-landscape-light: mix(#fff, $icy-landscape, 20%);
$icy-landscape-dark: mix(#000, $icy-landscape, 20%);
.element {
color: $icy-landscape;
box-shadow: 0 0 0 2px rgba($icy-landscape, 0.35);
}