En yakın adlandırılmış renk · #DCFBFF
#DCFBFF
En yakın adlandırılmış renk: Let It Snow
#DCFBFF (rgb(220 251 255), hsl(187 100% 93%), oklch(0.967 0.033 206.1)) en çok Let It 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.
#DCFBFF
oklch(0.967 0.033 206.1)
Renk dönüşümleri
- HEX
- #dcfbff
- RGB
- rgb(220 251 255)
- HSL
- hsl(187 100% 93%)
- HWB
- hwb(187 86% 0%)
- OKLCH
- oklch(0.967 0.033 206.1)
- OKLab
- oklab(0.967 -0.029 -0.014)
- CIE Lab
- lab(96.47 -9.79 -5.49)
- LCH
- lch(96.47 11.22 209.3)
- CMYK
- cmyk(14% 2% 0% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0FBFF
- E3FCFF
- E7FCFF
- EAFDFF
- EEFDFF
- F1FDFF
- F5FEFF
- F8FEFF
- FCFFFF
Koyu tonlar
- BFDADE
- A3BABE
- 889C9E
- 6E7E80
- 546163
- 3C4648
- 262D2E
- 111516
- 020303
Gri tonlar
- D2EEF2
- C9E1E4
- C0D5D7
- B6C8CA
- ADBCBE
- A4AFB1
- 9BA3A4
- 929798
- 898C8C
Renk uyumları
Tamamlayıcı +180°
- DCFBFF
Let It Snow
- FFF0EE
≈ Sefid White
Analog -30° +30°
- DCFBFF
Let It Snow
- DEFCF3
≈ Mint Condition
- E9F6FF
≈ Kodama White
Üçlü +120° +240°
- DCFBFF
Let It Snow
- FFEEFF
≈ Lovely Euphoric Delight
- FEF3DC
≈ Iced Almond
Bölünmüş tamamlayıcı +150° +210°
- DCFBFF
Let It Snow
- FFEFF4
≈ Powder Puff
- FFF1E8
≈ Pico Ivory
Dörtlü +90° +180° +270°
- DCFBFF
Let It Snow
- F5F2FF
≈ Cloud Break
- FFF0EE
≈ Sefid White
- F3F7DF
≈ Warm Turbulence
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.08:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.28:1 · APCA Lc 101
En iyi metin rengi: #000000
WCAG 19.28:1 (AAA) · APCA Lc 101
Contrast pairs
Kod parçacıkları
CSS
:root {
--let-it-snow: #dcfbff;
--let-it-snow-rgb: 220 251 255;
--let-it-snow-oklch: oklch(0.967 0.033 206.1);
}
.element {
color: var(--let-it-snow);
background-color: hsl(187 100% 93%);
border-color: oklch(0.967 0.033 206.1);
}Tailwind CSS v4
@theme {
--color-let-it-snow: #dcfbff;
--color-let-it-snow-50: #ebf8fa;
--color-let-it-snow-100: #dcebed;
--color-let-it-snow-200: #c5d8db;
--color-let-it-snow-300: #a5bcc0;
--color-let-it-snow-400: #89a4a8;
--color-let-it-snow-500: #6d8d91;
--color-let-it-snow-600: #5d777a;
--color-let-it-snow-700: #4a5f62;
--color-let-it-snow-800: #354648;
--color-let-it-snow-900: #243032;
--color-let-it-snow-950: #131d1e;
}SCSS
$let-it-snow: #dcfbff;
$let-it-snow-rgb: 220, 251, 255;
$let-it-snow-light: mix(#fff, $let-it-snow, 20%);
$let-it-snow-dark: mix(#000, $let-it-snow, 20%);
.element {
color: $let-it-snow;
box-shadow: 0 0 0 2px rgba($let-it-snow, 0.35);
}