Màu có tên gần nhất · #DDEBDC
#DDEBDC
Màu có tên gần nhất: Cryo Freeze
#DDEBDC (rgb(221 235 220), hsl(116 27% 89%), oklch(0.925 0.025 143.5)) gần nhất với màu có tên Cryo Freeze. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#DDEBDC
oklch(0.925 0.025 143.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E0EDDF
- E4EFE3
- E7F1E6
- EBF3EA
- EEF5ED
- F1F7F1
- F5F9F4
- F8FBF8
- FCFDFB
Sắc đậm
- C0CCBF
- A4AEA3
- 889188
- 6E756E
- 555B54
- 3D413C
- 262926
- 111311
- 020302
Sắc xám
- D3E0D2
- CAD5C9
- C0CABF
- B7BFB6
- ADB4AD
- A4A9A4
- 9B9F9B
- 929492
- 898A89
Hòa sắc
Bổ túc +180°
- DDEBDC
Cryo Freeze
- EFE1F0
≈ Sheer Lavender
Tương đồng -30° +30°
- DDEBDC
Cryo Freeze
- E6E9D6
≈ Homoeopathic Mint
- D6ECE5
≈ Cascade
Bộ ba +120° +240°
- DDEBDC
Cryo Freeze
- DEE7F8
≈ St. Petersburg
- F7E0DE
≈ Pale Perfection
Bổ túc chia +150° +210°
- DDEBDC
Cryo Freeze
- E7E4F6
≈ Lavender Mist
- F5E0E8
≈ Wishy-Washy Lilies
Bộ bốn +90° +180° +270°
- DDEBDC
Cryo Freeze
- D7EAF5
≈ Celestial Cathedral
- EFE1F0
≈ Sheer Lavender
- F5E2D7
≈ Alyssa
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.23:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.99:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.99:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
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);
}