Adlandırılmış renk · #9CFAFF
Eternal Winter
Eternal Winter, #9CFAFF: rgb(156 250 255), hsl(183 100% 81%), oklch(0.928 0.09 200.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Cyan mean? → · Eternal Winter color name →
#9CFAFF
oklch(0.928 0.09 200.1)
Renk dönüşümleri
- HEX
- #9cfaff
- RGB
- rgb(156 250 255)
- HSL
- hsl(183 100% 81%)
- HWB
- hwb(183 61% 0%)
- OKLCH
- oklch(0.928 0.09 200.1)
- OKLab
- oklab(0.928 -0.084 -0.031)
- CIE Lab
- lab(92.57 -28.18 -11.71)
- LCH
- lch(92.57 30.51 202.6)
- CMYK
- cmyk(39% 2% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A8FBFF
- B3FBFF
- BDFCFF
- C7FCFF
- D1FDFF
- DBFDFF
- E4FEFF
- EDFEFF
- F6FFFF
Koyu tonlar
- 87D9DE
- 73BABE
- 5F9B9E
- 4C7D80
- 396163
- 284648
- 182D2E
- 091516
- 010303
Gri tonlar
- 9BEDF2
- 99E1E4
- 97D4D7
- 94C8CA
- 92BBBE
- 8FAFB1
- 8BA3A4
- 889798
- 848C8C
Renk uyumları
Tamamlayıcı +180°
- 9CFAFF
Eternal Winter
- FFDEDD
≈ Rose Tonic
Analog -30° +30°
- 9CFAFF
Eternal Winter
- A9FBDE
≈ Icery
- CBEDFF
≈ Blue Hijab
Üçlü +120° +240°
- 9CFAFF
Eternal Winter
- F9DCFF
≈ Sugarpills
- FFE3B6
≈ Parachute Silk
Bölünmüş tamamlayıcı +150° +210°
- 9CFAFF
Eternal Winter
- FFDCEB
≈ Rose Glow
- FFE0D0
≈ Powdered Peach
Dörtlü +90° +180° +270°
- 9CFAFF
Eternal Winter
- E6E4FF
≈ Lavender Mist
- FFDEDD
≈ Rose Tonic
- EAEDA7
≈ Lemon Pepper
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.19:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.53:1 · APCA Lc 95
En iyi metin rengi: #000000
WCAG 17.53:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--eternal-winter: #9cfaff;
--eternal-winter-rgb: 156 250 255;
--eternal-winter-oklch: oklch(0.928 0.09 200.1);
}
.element {
color: var(--eternal-winter);
background-color: hsl(183 100% 81%);
border-color: oklch(0.928 0.09 200.1);
}Tailwind CSS v4
@theme {
--color-eternal-winter: #9cfaff;
--color-eternal-winter-50: #d9fdff;
--color-eternal-winter-100: #c6f1f5;
--color-eternal-winter-200: #a7e0e5;
--color-eternal-winter-300: #7ec5cb;
--color-eternal-winter-400: #56afb3;
--color-eternal-winter-500: #20989e;
--color-eternal-winter-600: #1f8085;
--color-eternal-winter-700: #1a676b;
--color-eternal-winter-800: #104c4e;
--color-eternal-winter-900: #0a3536;
--color-eternal-winter-950: #002021;
}SCSS
$eternal-winter: #9cfaff;
$eternal-winter-rgb: 156, 250, 255;
$eternal-winter-light: mix(#fff, $eternal-winter, 20%);
$eternal-winter-dark: mix(#000, $eternal-winter, 20%);
.element {
color: $eternal-winter;
box-shadow: 0 0 0 2px rgba($eternal-winter, 0.35);
}