En yakın adlandırılmış renk · #D7FFEE
#D7FFEE
En yakın adlandırılmış renk: Candied Snow
#D7FFEE (rgb(215 255 238), hsl(155 100% 92%), oklch(0.967 0.047 167.8)) 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.
#D7FFEE
oklch(0.967 0.047 167.8)
Renk dönüşümleri
- HEX
- #d7ffee
- RGB
- rgb(215 255 238)
- HSL
- hsl(155 100% 92%)
- HWB
- hwb(155 84% 0%)
- OKLCH
- oklch(0.967 0.047 167.8)
- OKLab
- oklab(0.967 -0.046 0.01)
- CIE Lab
- lab(96.82 -15.72 3.65)
- LCH
- lch(96.82 16.13 166.9)
- CMYK
- cmyk(16% 0% 7% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DBFFF0
- DFFFF1
- E3FFF3
- E7FFF5
- EBFFF6
- EFFFF8
- F3FFFA
- F7FFFC
- FBFFFD
Koyu tonlar
- BBDECF
- 9FBEB1
- 859E93
- 6B8077
- 52635C
- 3B4842
- 252E2A
- 111614
- 020303
Gri tonlar
- CEF2E2
- C5E4D7
- BCD7CC
- B4CAC1
- ABBEB5
- A2B1AA
- 9AA4A0
- 919895
- 888C8A
Renk uyumları
Tamamlayıcı +180°
- D7FFEE
Candied Snow
- FFEFF6
≈ Lavender Blush
Analog -30° +30°
- D7FFEE
Candied Snow
- E5FCDE
≈ Frosted Plains
- D2FEFF
≈ Pale Blue
Üçlü +120° +240°
- D7FFEE
Candied Snow
- F3F3FF
≈ Cloud Break
- FFF1EA
≈ Strawberry Dust
Bölünmüş tamamlayıcı +150° +210°
- D7FFEE
Candied Snow
- FBEFFF
≈ Lovely Euphoric Delight
- FFF0F0
≈ Sefid White
Dörtlü +90° +180° +270°
- D7FFEE
Candied Snow
- EEF5FF
≈ Placebo Blue
- FFEFF6
≈ Lavender Blush
- FFF2E0
≈ Pale Pearl
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.08:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.42:1 · APCA Lc 102
En iyi metin rengi: #000000
WCAG 19.42:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
CSS
:root {
--candied-snow: #d7ffee;
--candied-snow-rgb: 215 255 238;
--candied-snow-oklch: oklch(0.967 0.047 167.8);
}
.element {
color: var(--candied-snow);
background-color: hsl(155 100% 92%);
border-color: oklch(0.967 0.047 167.8);
}Tailwind CSS v4
@theme {
--color-candied-snow: #d7ffee;
--color-candied-snow-50: #e9faf3;
--color-candied-snow-100: #d9ede5;
--color-candied-snow-200: #c2dbd1;
--color-candied-snow-300: #a1c0b4;
--color-candied-snow-400: #84a899;
--color-candied-snow-500: #689180;
--color-candied-snow-600: #587a6c;
--color-candied-snow-700: #466257;
--color-candied-snow-800: #33483f;
--color-candied-snow-900: #23322b;
--color-candied-snow-950: #121e18;
}SCSS
$candied-snow: #d7ffee;
$candied-snow-rgb: 215, 255, 238;
$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);
}