En yakın adlandırılmış renk · #A8CDFC
#A8CDFC
En yakın adlandırılmış renk: Night Snow
#A8CDFC (rgb(168 205 252), hsl(214 93% 82%), oklch(0.838 0.077 254.6)) en çok Night Snow 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.
#A8CDFC
oklch(0.838 0.077 254.6)
Renk dönüşümleri
- HEX
- #a8cdfc
- RGB
- rgb(168 205 252)
- HSL
- hsl(214 93% 82%)
- HWB
- hwb(214 66% 1%)
- OKLCH
- oklch(0.838 0.077 254.6)
- OKLab
- oklab(0.838 -0.02 -0.074)
- CIE Lab
- lab(80.95 -4.45 -27.43)
- LCH
- lch(80.95 27.79 260.8)
- CMYK
- cmyk(33% 19% 0% 1%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B1D2FD
- B9D7FD
- C2DCFE
- CBE1FE
- D3E6FE
- DCEBFF
- E5F0FF
- EDF5FF
- F6FAFF
Koyu tonlar
- 92B2DB
- 7C98BB
- 677E9C
- 52667E
- 3F4E62
- 2C3847
- 1A232D
- 0A0F16
- 010203
Gri tonlar
- A4C5EF
- A0BDE2
- 9CB5D6
- 98AEC9
- 94A6BD
- 909EB0
- 8C97A4
- 888F98
- 84888C
Renk uyumları
Tamamlayıcı +180°
- A8CDFC
Night Snow
- E8C392
≈ Oberon on the Beach
Analog -30° +30°
- A8CDFC
Night Snow
- 92D5F0
≈ Slightly Spritzig
- C4C4FB
≈ Light Periwinkle
Üçlü +120° +240°
- A8CDFC
Night Snow
- F8B6BA
≈ Ballerina Pink
- B5D6A3
≈ In Good Taste
Bölünmüş tamamlayıcı +150° +210°
- A8CDFC
Night Snow
- F6BBA1
≈ Certain Peach
- D1CD92
≈ Corn Husk Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.64:1 · APCA Lc 28
Ag
AAASiyah üzerinde
WCAG 12.80:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.80:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--night-snow: #a8cdfc;
--night-snow-rgb: 168 205 252;
--night-snow-oklch: oklch(0.838 0.077 254.6);
}
.element {
color: var(--night-snow);
background-color: hsl(214 93% 82%);
border-color: oklch(0.838 0.077 254.6);
}Tailwind CSS v4
@theme {
--color-night-snow: #a8cdfc;
--color-night-snow-50: #e7f7ff;
--color-night-snow-100: #d8eaff;
--color-night-snow-200: #c0d6f6;
--color-night-snow-300: #9eb9df;
--color-night-snow-400: #7fa1cc;
--color-night-snow-500: #6289b9;
--color-night-snow-600: #54749c;
--color-night-snow-700: #435d7d;
--color-night-snow-800: #2f445d;
--color-night-snow-900: #202f41;
--color-night-snow-950: #0f1b29;
}SCSS
$night-snow: #a8cdfc;
$night-snow-rgb: 168, 205, 252;
$night-snow-light: mix(#fff, $night-snow, 20%);
$night-snow-dark: mix(#000, $night-snow, 20%);
.element {
color: $night-snow;
box-shadow: 0 0 0 2px rgba($night-snow, 0.35);
}