En yakın adlandırılmış renk · #D3F8EF
#D3F8EF
En yakın adlandırılmış renk: Candied Snow
#D3F8EF (rgb(211 248 239), hsl(165 73% 90%), oklch(0.95 0.04 179.1)) en çok Candied 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.
#D3F8EF
oklch(0.95 0.04 179.1)
Renk dönüşümleri
- HEX
- #d3f8ef
- RGB
- rgb(211 248 239)
- HSL
- hsl(165 73% 90%)
- HWB
- hwb(165 83% 3%)
- OKLCH
- oklch(0.95 0.04 179.1)
- OKLab
- oklab(0.95 -0.04 0.001)
- CIE Lab
- lab(94.75 -13.67 0.13)
- LCH
- lch(94.75 13.67 179.5)
- CMYK
- cmyk(15% 0% 4% 3%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D8F9F1
- DCF9F2
- E1FAF4
- E5FBF5
- E9FCF7
- EEFCF9
- F2FDFA
- F6FEFC
- FBFEFD
Koyu tonlar
- B7D8D0
- 9CB8B1
- 829A94
- 697C78
- 51605C
- 3A4542
- 242C2A
- 101514
- 020303
Gri tonlar
- CBEBE3
- C2DFD8
- BAD3CC
- B1C6C1
- A9BAB6
- A1AEAB
- 98A2A0
- 909795
- 888B8B
Renk uyumları
Tamamlayıcı +180°
- D3F8EF
Candied Snow
- FFE8EE
≈ Rose Mochi
Analog -30° +30°
- D3F8EF
Candied Snow
- DDF7E0
≈ Friendly Basilisk
- D1F7FD
≈ Fishious Rend
Üçlü +120° +240°
- D3F8EF
Candied Snow
- F1EBFF
≈ Placebo Purple
- FFEADB
≈ Guiding Star
Bölünmüş tamamlayıcı +150° +210°
- D3F8EF
Candied Snow
- FFE6FC
≈ Bunny Tail
- FFE9E5
≈ Sheer Rosebud
Dörtlü +90° +180° +270°
- D3F8EF
Candied Snow
- E8EEFF
≈ Brilliant White
- FFE8EE
≈ Rose Mochi
- F9EED1
≈ Yellow Beam
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.13:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 18.44:1 · APCA Lc 98
En iyi metin rengi: #000000
WCAG 18.44:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--candied-snow: #d3f8ef;
--candied-snow-rgb: 211 248 239;
--candied-snow-oklch: oklch(0.95 0.04 179.1);
}
.element {
color: var(--candied-snow);
background-color: hsl(165 73% 90%);
border-color: oklch(0.95 0.04 179.1);
}Tailwind CSS v4
@theme {
--color-candied-snow: #d3f8ef;
--color-candied-snow-50: #eaf9f6;
--color-candied-snow-100: #daede8;
--color-candied-snow-200: #c3dad5;
--color-candied-snow-300: #a2beb8;
--color-candied-snow-400: #86a79f;
--color-candied-snow-500: #698f87;
--color-candied-snow-600: #5a7972;
--color-candied-snow-700: #47615b;
--color-candied-snow-800: #344742;
--color-candied-snow-900: #23312e;
--color-candied-snow-950: #121d1a;
}SCSS
$candied-snow: #d3f8ef;
$candied-snow-rgb: 211, 248, 239;
$candied-snow-light: mix(#fff, $candied-snow, 20%);
$candied-snow-dark: mix(#000, $candied-snow, 20%);
.element {
color: $candied-snow;
box-shadow: 0 0 0 2px rgba($candied-snow, 0.35);
}