Màu có tên gần nhất · #E0EFEB
#E0EFEB
Màu có tên gần nhất: Second Wind
#E0EFEB (rgb(224 239 235), hsl(164 32% 91%), oklch(0.94 0.017 178.3)) 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.
#E0EFEB
oklch(0.94 0.017 178.3)
Chuyển đổi màu
- HEX
- #e0efeb
- RGB
- rgb(224 239 235)
- HSL
- hsl(164 32% 91%)
- HWB
- hwb(164 88% 6%)
- OKLCH
- oklch(0.94 0.017 178.3)
- OKLab
- oklab(0.94 -0.017 0.001)
- CIE Lab
- lab(93.23 -5.69 0.14)
- LCH
- lch(93.23 5.69 178.6)
- CMYK
- cmyk(6% 0% 2% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E3F1ED
- E6F2EF
- E9F4F1
- ECF5F3
- EFF7F5
- F3F9F7
- F6FAF9
- F9FCFB
- FCFDFD
Sắc đậm
- C3D0CC
- A6B1AE
- 8A9491
- 707875
- 565C5B
- 3E4241
- 272A29
- 121413
- 020303
Sắc xám
- D6E3E0
- CCD8D5
- C2CCCA
- B8C1BF
- AFB6B4
- A5ABA9
- 9CA09F
- 929594
- 898B8A
Hòa sắc
Bổ túc +180°
- E0EFEB
Second Wind
- F5E7EB
≈ Amour Frais
Tương đồng -30° +30°
- E0EFEB
Second Wind
- E4EEE5
≈ Stone Path
- DFEEF1
≈ Azul Primavera
Bộ ba +120° +240°
- E0EFEB
Second Wind
- ECE9F5
≈ Tranquil Eve
- F4E9E0
≈ Scalloped Shell
Bổ túc chia +150° +210°
- E0EFEB
Second Wind
- F2E7F1
≈ Tranquil Eve
- F6E7E5
≈ Clear Calamine
Bộ bốn +90° +180° +270°
- E0EFEB
Second Wind
- E6EBF7
≈ Icy Lilac
- F5E7EB
≈ Amour Frais
- F0EBDF
≈ Shell White
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.71:1 · APCA Lc 95
Màu chữ tốt nhất: #000000
WCAG 17.71:1 (AAA) · APCA Lc 95
Contrast pairs
Đoạn mã
CSS
:root {
--second-wind: #e0efeb;
--second-wind-rgb: 224 239 235;
--second-wind-oklch: oklch(0.94 0.017 178.3);
}
.element {
color: var(--second-wind);
background-color: hsl(164 32% 91%);
border-color: oklch(0.94 0.017 178.3);
}Tailwind CSS v4
@theme {
--color-second-wind: #e0efeb;
--color-second-wind-50: #f0f7f5;
--color-second-wind-100: #e2eae8;
--color-second-wind-200: #cdd7d4;
--color-second-wind-300: #afbab8;
--color-second-wind-400: #95a29e;
--color-second-wind-500: #7b8a86;
--color-second-wind-600: #687571;
--color-second-wind-700: #535d5b;
--color-second-wind-800: #3d4442;
--color-second-wind-900: #2a2f2e;
--color-second-wind-950: #171c1a;
}SCSS
$second-wind: #e0efeb;
$second-wind-rgb: 224, 239, 235;
$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);
}