Màu có tên · #CDEBE1
Ice Water Green
Ice Water Green là #CDEBE1: rgb(205 235 225), hsl(160 43% 86%), oklch(0.915 0.034 173.5). 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.
What does Gray mean? → · Ice Water Green color name →
#CDEBE1
oklch(0.915 0.034 173.5)
Chuyển đổi màu
- HEX
- #cdebe1
- RGB
- rgb(205 235 225)
- HSL
- hsl(160 43% 86%)
- HWB
- hwb(160 80% 8%)
- OKLCH
- oklch(0.915 0.034 173.5)
- OKLab
- oklab(0.915 -0.034 0.004)
- CIE Lab
- lab(90.64 -11.62 1.38)
- LCH
- lch(90.64 11.7 173.2)
- CMYK
- cmyk(13% 0% 4% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D2EDE4
- D7EFE7
- DCF1EA
- E1F3ED
- E6F5F0
- EBF7F3
- F0F9F6
- F5FBF9
- FAFDFC
Sắc đậm
- B2CCC4
- 98AEA7
- 7E918B
- 667570
- 4E5B56
- 38413E
- 232927
- 0F1312
- 020302
Sắc xám
- C5E0D7
- BDD5CD
- B5CAC3
- AEBFB9
- A6B4AF
- 9EA9A6
- 979F9C
- 8F9493
- 878A89
Hòa sắc
Bổ túc +180°
- CDEBE1
Ice Water Green
- F7DAE5
≈ Columbine
Tương đồng -30° +30°
- CDEBE1
Ice Water Green
- D6E9D5
≈ Light Spring Burst
- CAEAED
≈ Summer Mist
Bộ ba +120° +240°
- CDEBE1
Ice Water Green
- E4DFF8
≈ Stoic White
- F6DECE
≈ Light Maiden’s Blush
Bổ túc chia +150° +210°
- CDEBE1
Ice Water Green
- EFDCF0
≈ Divine Dove
- F9DBD8
≈ Pink Lotus
Bộ bốn +90° +180° +270°
- CDEBE1
Ice Water Green
- D7E4FB
≈ Aquarelle Purple
- F7DAE5
≈ Columbine
- EEE2CA
≈ Wedding Cake
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.26:1 · APCA Lc 13
Ag
AAATrên nền đen
WCAG 16.56:1 · APCA Lc 91
Màu chữ tốt nhất: #000000
WCAG 16.56:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--ice-water-green: #cdebe1;
--ice-water-green-rgb: 205 235 225;
--ice-water-green-oklch: oklch(0.915 0.034 173.5);
}
.element {
color: var(--ice-water-green);
background-color: hsl(160 43% 86%);
border-color: oklch(0.915 0.034 173.5);
}Tailwind CSS v4
@theme {
--color-ice-water-green: #cdebe1;
--color-ice-water-green-50: #ecf9f5;
--color-ice-water-green-100: #ddece7;
--color-ice-water-green-200: #c6d9d3;
--color-ice-water-green-300: #a6bdb6;
--color-ice-water-green-400: #8aa59d;
--color-ice-water-green-500: #6f8e84;
--color-ice-water-green-600: #5e7870;
--color-ice-water-green-700: #4b6059;
--color-ice-water-green-800: #374641;
--color-ice-water-green-900: #25312d;
--color-ice-water-green-950: #141d1a;
}SCSS
$ice-water-green: #cdebe1;
$ice-water-green-rgb: 205, 235, 225;
$ice-water-green-light: mix(#fff, $ice-water-green, 20%);
$ice-water-green-dark: mix(#000, $ice-water-green, 20%);
.element {
color: $ice-water-green;
box-shadow: 0 0 0 2px rgba($ice-water-green, 0.35);
}