Màu có tên gần nhất · #D5ECEE
#D5ECEE
Màu có tên gần nhất: Jet d’Eau
#D5ECEE (rgb(213 236 238), hsl(185 42% 88%), oklch(0.927 0.024 203.1)) gần nhất với màu có tên Jet d’Eau. 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.
#D5ECEE
oklch(0.927 0.024 203.1)
Chuyển đổi màu
- HEX
- #d5ecee
- RGB
- rgb(213 236 238)
- HSL
- hsl(185 42% 88%)
- HWB
- hwb(185 84% 7%)
- OKLCH
- oklch(0.927 0.024 203.1)
- OKLab
- oklab(0.927 -0.022 -0.01)
- CIE Lab
- lab(91.74 -7.54 -3.69)
- LCH
- lch(91.74 8.4 206.1)
- CMYK
- cmyk(11% 1% 0% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D9EEF0
- DDF0F1
- E2F2F3
- E6F4F5
- EAF6F6
- EEF7F8
- F2F9FA
- F7FBFC
- FBFDFD
Sắc đậm
- B9CDCF
- 9EAFB1
- 839293
- 6A7677
- 515B5C
- 3A4242
- 24292A
- 101314
- 020303
Sắc xám
- CCE1E2
- C3D5D7
- BBCACC
- B2BFC1
- AAB5B5
- A1AAAA
- 999FA0
- 909595
- 888A8A
Hòa sắc
Bổ túc +180°
- D5ECEE
Jet d’Eau
- F7E1DF
≈ Pale Perfection
Tương đồng -30° +30°
- D5ECEE
Jet d’Eau
- D7ECE5
≈ Dunnock Egg
- D8EAF5
≈ Celestial Cathedral
Bộ ba +120° +240°
- D5ECEE
Jet d’Eau
- EFE2F0
≈ Sheer Lavender
- EFE6D5
≈ Stone Pillar
Bổ túc chia +150° +210°
- D5ECEE
Jet d’Eau
- F5E0E8
≈ Wishy-Washy Lilies
- F5E3D8
≈ Early Sunset
Bộ bốn +90° +180° +270°
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 11
Ag
AAATrên nền đen
WCAG 17.06:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.06:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--jet-d-eau: #d5ecee;
--jet-d-eau-rgb: 213 236 238;
--jet-d-eau-oklch: oklch(0.927 0.024 203.1);
}
.element {
color: var(--jet-d-eau);
background-color: hsl(185 42% 88%);
border-color: oklch(0.927 0.024 203.1);
}Tailwind CSS v4
@theme {
--color-jet-d-eau: #d5ecee;
--color-jet-d-eau-50: #eef7f8;
--color-jet-d-eau-100: #dfeaec;
--color-jet-d-eau-200: #c9d7d9;
--color-jet-d-eau-300: #aabbbd;
--color-jet-d-eau-400: #8ea3a5;
--color-jet-d-eau-500: #748b8d;
--color-jet-d-eau-600: #627678;
--color-jet-d-eau-700: #4e5e60;
--color-jet-d-eau-800: #394546;
--color-jet-d-eau-900: #273030;
--color-jet-d-eau-950: #151c1d;
}SCSS
$jet-d-eau: #d5ecee;
$jet-d-eau-rgb: 213, 236, 238;
$jet-d-eau-light: mix(#fff, $jet-d-eau, 20%);
$jet-d-eau-dark: mix(#000, $jet-d-eau, 20%);
.element {
color: $jet-d-eau;
box-shadow: 0 0 0 2px rgba($jet-d-eau, 0.35);
}