Màu có tên · #E0E9E4
Sea Pearl
Sea Pearl là #E0E9E4: rgb(224 233 228), hsl(147 17% 90%), oklch(0.926 0.012 162). 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? → · Sea Pearl color name →
#E0E9E4
oklch(0.926 0.012 162)
Chuyển đổi màu
- HEX
- #e0e9e4
- RGB
- rgb(224 233 228)
- HSL
- hsl(147 17% 90%)
- HWB
- hwb(147 88% 9%)
- OKLCH
- oklch(0.926 0.012 162)
- OKLab
- oklab(0.926 -0.011 0.004)
- CIE Lab
- lab(91.55 -3.79 1.34)
- LCH
- lch(91.55 4.02 160.5)
- CMYK
- cmyk(4% 0% 2% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E3EBE7
- E6EDE9
- E9F0EC
- ECF2EF
- EFF4F1
- F3F6F4
- F6F8F7
- F9FBFA
- FCFDFC
Sắc đậm
- C3CBC6
- A6ADA9
- 8A908D
- 707472
- 565A58
- 3E413F
- 272928
- 121312
- 020303
Sắc xám
- D6DEDA
- CCD3CF
- C2C8C5
- B8BEBB
- AFB3B1
- A5A9A7
- 9C9E9D
- 929493
- 898A8A
Hòa sắc
Bổ túc +180°
- E0E9E4
Sea Pearl
- ECE4E9
≈ Easter Bunny
Tương đồng -30° +30°
- E0E9E4
Sea Pearl
- E4E8E0
≈ Poetic Licence
- DEE9E8
≈ Carefree
Bộ ba +120° +240°
- E0E9E4
Sea Pearl
- E5E6EE
≈ Cool Frost
- EEE4E0
≈ Irish Linen
Bổ túc chia +150° +210°
- E0E9E4
Sea Pearl
- E9E4EC
≈ Iris Isle
- EEE3E4
≈ Dulcet Pink
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 12
Ag
AAATrên nền đen
WCAG 16.94:1 · APCA Lc 92
Màu chữ tốt nhất: #000000
WCAG 16.94:1 (AAA) · APCA Lc 92
Contrast pairs
Đoạn mã
CSS
:root {
--sea-pearl: #e0e9e4;
--sea-pearl-rgb: 224 233 228;
--sea-pearl-oklch: oklch(0.926 0.012 162);
}
.element {
color: var(--sea-pearl);
background-color: hsl(147 17% 90%);
border-color: oklch(0.926 0.012 162);
}Tailwind CSS v4
@theme {
--color-sea-pearl: #e0e9e4;
--color-sea-pearl-50: #f2f6f4;
--color-sea-pearl-100: #e4e9e7;
--color-sea-pearl-200: #d0d6d3;
--color-sea-pearl-300: #b2b9b6;
--color-sea-pearl-400: #99a19c;
--color-sea-pearl-500: #808984;
--color-sea-pearl-600: #6c746f;
--color-sea-pearl-700: #565c59;
--color-sea-pearl-800: #3f4441;
--color-sea-pearl-900: #2b2f2d;
--color-sea-pearl-950: #191b1a;
}SCSS
$sea-pearl: #e0e9e4;
$sea-pearl-rgb: 224, 233, 228;
$sea-pearl-light: mix(#fff, $sea-pearl, 20%);
$sea-pearl-dark: mix(#000, $sea-pearl, 20%);
.element {
color: $sea-pearl;
box-shadow: 0 0 0 2px rgba($sea-pearl, 0.35);
}