Màu có tên · #D3F2ED
Diminished Sky
Diminished Sky là #D3F2ED: rgb(211 242 237), hsl(170 54% 89%), oklch(0.937 0.033 184.9). 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? → · Diminished Sky color name →
#D3F2ED
oklch(0.937 0.033 184.9)
Chuyển đổi màu
- HEX
- #d3f2ed
- RGB
- rgb(211 242 237)
- HSL
- hsl(170 54% 89%)
- HWB
- hwb(170 83% 5%)
- OKLCH
- oklch(0.937 0.033 184.9)
- OKLab
- oklab(0.937 -0.033 -0.003)
- CIE Lab
- lab(93.14 -11.17 -1.17)
- LCH
- lch(93.14 11.23 186)
- CMYK
- cmyk(13% 0% 2% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D7F3EF
- DCF5F1
- E0F6F2
- E5F7F4
- E9F9F6
- EEFAF8
- F2FBFA
- F6FCFB
- FBFEFD
Sắc đậm
- B7D2CE
- 9CB4B0
- 829693
- 697977
- 515E5C
- 3A4342
- 242B2A
- 101414
- 020303
Sắc xám
- CAE6E2
- C2DAD6
- BACECB
- B1C3C0
- A9B7B5
- A1ACAA
- 98A19F
- 909695
- 888B8A
Hòa sắc
Bổ túc +180°
- D3F2ED
Diminished Sky
- FFE2E7
≈ Pink Pleasure
Tương đồng -30° +30°
- D3F2ED
Diminished Sky
- DAF1E1
≈ Green Brocade
- D3F1F8
≈ Water
Bộ ba +120° +240°
- D3F2ED
Diminished Sky
- EFE5FD
≈ Minute Mauve
- FBE6D4
≈ Warm Bread
Bổ túc chia +150° +210°
- D3F2ED
Diminished Sky
- F9E3F3
≈ Soft Lavender
- FFE3DC
≈ Lady Anne
Bộ bốn +90° +180° +270°
- D3F2ED
Diminished Sky
- E4E9FF
≈ Glitter
- FFE2E7
≈ Pink Pleasure
- F1EBD2
≈ Candlewick
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.18:1 · APCA Lc 9
Ag
AAATrên nền đen
WCAG 17.69:1 · APCA Lc 95
Màu chữ tốt nhất: #000000
WCAG 17.69:1 (AAA) · APCA Lc 95
Contrast pairs
Đoạn mã
CSS
:root {
--diminished-sky: #d3f2ed;
--diminished-sky-rgb: 211 242 237;
--diminished-sky-oklch: oklch(0.937 0.033 184.9);
}
.element {
color: var(--diminished-sky);
background-color: hsl(170 54% 89%);
border-color: oklch(0.937 0.033 184.9);
}Tailwind CSS v4
@theme {
--color-diminished-sky: #d3f2ed;
--color-diminished-sky-50: #ebf8f7;
--color-diminished-sky-100: #dcecea;
--color-diminished-sky-200: #c5d9d6;
--color-diminished-sky-300: #a5bdba;
--color-diminished-sky-400: #89a5a1;
--color-diminished-sky-500: #6e8e89;
--color-diminished-sky-600: #5d7874;
--color-diminished-sky-700: #4a605d;
--color-diminished-sky-800: #364643;
--color-diminished-sky-900: #25312e;
--color-diminished-sky-950: #131d1b;
}SCSS
$diminished-sky: #d3f2ed;
$diminished-sky-rgb: 211, 242, 237;
$diminished-sky-light: mix(#fff, $diminished-sky, 20%);
$diminished-sky-dark: mix(#000, $diminished-sky, 20%);
.element {
color: $diminished-sky;
box-shadow: 0 0 0 2px rgba($diminished-sky, 0.35);
}