Màu có tên gần nhất · #DCE9E7
#DCE9E7
Màu có tên gần nhất: Second Wind
#DCE9E7 (rgb(220 233 231), hsl(171 23% 89%), oklch(0.924 0.014 185.9)) gần nhất với màu có tên Second Wind. 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.
#DCE9E7
oklch(0.924 0.014 185.9)
Chuyển đổi màu
- HEX
- #dce9e7
- RGB
- rgb(220 233 231)
- HSL
- hsl(171 23% 89%)
- HWB
- hwb(171 86% 9%)
- OKLCH
- oklch(0.924 0.014 185.9)
- OKLab
- oklab(0.924 -0.014 -0.001)
- CIE Lab
- lab(91.32 -4.75 -0.6)
- LCH
- lch(91.32 4.79 187.2)
- CMYK
- cmyk(6% 0% 1% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFEBE9
- E3EDEC
- E6F0EE
- EAF2F1
- EDF4F3
- F1F6F5
- F4F8F8
- F8FBFA
- FBFDFD
Sắc đậm
- BFCBC9
- A3ADAB
- 88908F
- 6E7473
- 545A59
- 3C4140
- 262928
- 111313
- 020303
Sắc xám
- D2DEDC
- C9D3D2
- BFC8C7
- B6BEBC
- ADB3B2
- A4A9A8
- 9B9E9E
- 929494
- 898A8A
Hòa sắc
Bổ túc +180°
- DCE9E7
Second Wind
- EFE2E4
≈ Dulcet Pink
Tương đồng -30° +30°
- DCE9E7
Second Wind
- DFE9E2
≈ Frosty Pink
- DCE8EC
≈ Moby Dick
Bộ ba +120° +240°
- DCE9E7
Second Wind
- E8E4ED
≈ Modest Violet
- EDE4DC
≈ Stone Quarry
Bổ túc chia +150° +210°
- DCE9E7
Second Wind
- ECE2E9
≈ Dream Dust
- EFE3DF
≈ Rosa Vieja
Bộ bốn +90° +180° +270°
- DCE9E7
Second Wind
- E3E5EF
≈ Ghostly Tuna
- EFE2E4
≈ Dulcet Pink
- E8E6DC
≈ Narvik
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.24:1 · APCA Lc 12
Ag
AAATrên nền đen
WCAG 16.85:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.85:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--second-wind: #dce9e7;
--second-wind-rgb: 220 233 231;
--second-wind-oklch: oklch(0.924 0.014 185.9);
}
.element {
color: var(--second-wind);
background-color: hsl(171 23% 89%);
border-color: oklch(0.924 0.014 185.9);
}Tailwind CSS v4
@theme {
--color-second-wind: #dce9e7;
--color-second-wind-50: #f1f6f6;
--color-second-wind-100: #e3e9e9;
--color-second-wind-200: #ced6d5;
--color-second-wind-300: #b0bab9;
--color-second-wind-400: #96a19f;
--color-second-wind-500: #7c8987;
--color-second-wind-600: #697473;
--color-second-wind-700: #545d5c;
--color-second-wind-800: #3d4443;
--color-second-wind-900: #2a2f2e;
--color-second-wind-950: #181c1b;
}SCSS
$second-wind: #dce9e7;
$second-wind-rgb: 220, 233, 231;
$second-wind-light: mix(#fff, $second-wind, 20%);
$second-wind-dark: mix(#000, $second-wind, 20%);
.element {
color: $second-wind;
box-shadow: 0 0 0 2px rgba($second-wind, 0.35);
}