En yakın adlandırılmış renk · #DDEBDC
#DDEBDC
En yakın adlandırılmış renk: Cryo Freeze
#DDEBDC (rgb(221 235 220), hsl(116 27% 89%), oklch(0.925 0.025 143.5)) en çok Cryo Freeze 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.
#DDEBDC
oklch(0.925 0.025 143.5)
Renk dönüşümleri
- HEX
- #ddebdc
- RGB
- rgb(221 235 220)
- HSL
- hsl(116 27% 89%)
- HWB
- hwb(116 86% 8%)
- OKLCH
- oklch(0.925 0.025 143.5)
- OKLab
- oklab(0.925 -0.02 0.015)
- CIE Lab
- lab(91.68 -6.84 5.62)
- LCH
- lch(91.68 8.85 140.6)
- CMYK
- cmyk(6% 0% 6% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E0EDDF
- E4EFE3
- E7F1E6
- EBF3EA
- EEF5ED
- F1F7F1
- F5F9F4
- F8FBF8
- FCFDFB
Koyu tonlar
- C0CCBF
- A4AEA3
- 889188
- 6E756E
- 555B54
- 3D413C
- 262926
- 111311
- 020302
Gri tonlar
- D3E0D2
- CAD5C9
- C0CABF
- B7BFB6
- ADB4AD
- A4A9A4
- 9B9F9B
- 929492
- 898A89
Renk uyumları
Tamamlayıcı +180°
- DDEBDC
Cryo Freeze
- EFE1F0
≈ Sheer Lavender
Analog -30° +30°
- DDEBDC
Cryo Freeze
- E6E9D6
≈ Homoeopathic Mint
- D6ECE5
≈ Cascade
Üçlü +120° +240°
- DDEBDC
Cryo Freeze
- DEE7F8
≈ St. Petersburg
- F7E0DE
≈ Pale Perfection
Bölünmüş tamamlayıcı +150° +210°
- DDEBDC
Cryo Freeze
- E7E4F6
≈ Lavender Mist
- F5E0E8
≈ Wishy-Washy Lilies
Dörtlü +90° +180° +270°
- DDEBDC
Cryo Freeze
- D7EAF5
≈ Celestial Cathedral
- EFE1F0
≈ Sheer Lavender
- F5E2D7
≈ Alyssa
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.23:1 · APCA Lc 12
Ag
AAASiyah üzerinde
WCAG 16.99:1 · APCA Lc 92
En iyi metin rengi: #000000
WCAG 16.99:1 (AAA) · APCA Lc 92
Contrast pairs
Kod parçacıkları
CSS
:root {
--cryo-freeze: #ddebdc;
--cryo-freeze-rgb: 221 235 220;
--cryo-freeze-oklch: oklch(0.925 0.025 143.5);
}
.element {
color: var(--cryo-freeze);
background-color: hsl(116 27% 89%);
border-color: oklch(0.925 0.025 143.5);
}Tailwind CSS v4
@theme {
--color-cryo-freeze: #ddebdc;
--color-cryo-freeze-50: #f1f7f1;
--color-cryo-freeze-100: #e3eae3;
--color-cryo-freeze-200: #ced7ce;
--color-cryo-freeze-300: #b0bbb0;
--color-cryo-freeze-400: #96a295;
--color-cryo-freeze-500: #7d8b7c;
--color-cryo-freeze-600: #6a7569;
--color-cryo-freeze-700: #545e54;
--color-cryo-freeze-800: #3e453d;
--color-cryo-freeze-900: #2a2f2a;
--color-cryo-freeze-950: #181c17;
}SCSS
$cryo-freeze: #ddebdc;
$cryo-freeze-rgb: 221, 235, 220;
$cryo-freeze-light: mix(#fff, $cryo-freeze, 20%);
$cryo-freeze-dark: mix(#000, $cryo-freeze, 20%);
.element {
color: $cryo-freeze;
box-shadow: 0 0 0 2px rgba($cryo-freeze, 0.35);
}