Màu có tên · #EEEAE2
Solid Opal
Solid Opal là #EEEAE2: rgb(238 234 226), hsl(40 26% 91%), oklch(0.938 0.012 84.6). 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? → · Solid Opal color name →
#EEEAE2
oklch(0.938 0.012 84.6)
Chuyển đổi màu
- HEX
- #eeeae2
- RGB
- rgb(238 234 226)
- HSL
- hsl(40 26% 91%)
- HWB
- hwb(40 89% 7%)
- OKLCH
- oklch(0.938 0.012 84.6)
- OKLab
- oklab(0.938 0.001 0.011)
- CIE Lab
- lab(92.85 0.37 4.4)
- LCH
- lch(92.85 4.41 85.2)
- CMYK
- cmyk(0% 2% 5% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F0ECE5
- F1EEE8
- F3F0EB
- F5F2EE
- F6F4F0
- F8F7F3
- FAF9F6
- FCFBF9
- FDFDFC
Sắc đậm
- CFCBC4
- B1AEA8
- 93918C
- 777571
- 5C5A57
- 42413E
- 2A2927
- 141312
- 030303
Sắc xám
- E2DFD8
- D7D4CE
- CCC9C4
- C1BEBA
- B5B4B0
- AAA9A6
- A09F9C
- 959493
- 8A8A89
Hòa sắc
Bổ túc +180°
- EEEAE2
Solid Opal
- E7EBF2
≈ Solitude
Tương đồng -30° +30°
- EEEAE2
Solid Opal
- F1E9E3
≈ Refer to the Stars
- EAEBE3
≈ Gallery White
Bộ ba +120° +240°
- EEEAE2
Solid Opal
- E2EDEE
≈ Bashful
- EFE8EF
≈ Greek Goddess
Bổ túc chia +150° +210°
- EEEAE2
Solid Opal
- E3ECF1
≈ Out Cold
- EBE9F2
≈ Diamond Cut
Bộ bốn +90° +180° +270°
- EEEAE2
Solid Opal
- E3EDEA
≈ Club Soda
- E7EBF2
≈ Solitude
- F1E7EB
≈ Rose Fantasy
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.19:1 · APCA Lc 10
Ag
AAATrên nền đen
WCAG 17.50:1 · APCA Lc 94
Màu chữ tốt nhất: #000000
WCAG 17.50:1 (AAA) · APCA Lc 94
Contrast pairs
Đoạn mã
CSS
:root {
--solid-opal: #eeeae2;
--solid-opal-rgb: 238 234 226;
--solid-opal-oklch: oklch(0.938 0.012 84.6);
}
.element {
color: var(--solid-opal);
background-color: hsl(40 26% 91%);
border-color: oklch(0.938 0.012 84.6);
}Tailwind CSS v4
@theme {
--color-solid-opal: #eeeae2;
--color-solid-opal-50: #f6f5f1;
--color-solid-opal-100: #e9e8e4;
--color-solid-opal-200: #d6d4cf;
--color-solid-opal-300: #bab7b1;
--color-solid-opal-400: #a19e97;
--color-solid-opal-500: #8a867e;
--color-solid-opal-600: #74716a;
--color-solid-opal-700: #5d5a55;
--color-solid-opal-800: #44423e;
--color-solid-opal-900: #2f2e2b;
--color-solid-opal-950: #1c1a18;
}SCSS
$solid-opal: #eeeae2;
$solid-opal-rgb: 238, 234, 226;
$solid-opal-light: mix(#fff, $solid-opal, 20%);
$solid-opal-dark: mix(#000, $solid-opal, 20%);
.element {
color: $solid-opal;
box-shadow: 0 0 0 2px rgba($solid-opal, 0.35);
}