Màu có tên · #E9EEEE
Dipped in Cloudy Dreams
Dipped in Cloudy Dreams là #E9EEEE: rgb(233 238 238), hsl(180 13% 92%), oklch(0.945 0.005 197.1). 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? → · Dipped in Cloudy Dreams color name →
#E9EEEE
oklch(0.945 0.005 197.1)
Chuyển đổi màu
- HEX
- #e9eeee
- RGB
- rgb(233 238 238)
- HSL
- hsl(180 13% 92%)
- HWB
- hwb(180 91% 7%)
- OKLCH
- oklch(0.945 0.005 197.1)
- OKLab
- oklab(0.945 -0.005 -0.002)
- CIE Lab
- lab(93.71 -1.72 -0.61)
- LCH
- lch(93.71 1.83 199.6)
- CMYK
- cmyk(2% 0% 0% 7%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EBF0F0
- EDF1F1
- F0F3F3
- F2F5F5
- F4F6F6
- F6F8F8
- F8FAFA
- FBFCFC
- FDFDFD
Sắc đậm
- CBCFCF
- ADB1B1
- 909393
- 747777
- 5A5C5C
- 414242
- 292A2A
- 131414
- 030303
Sắc xám
- DEE2E2
- D3D7D7
- C8CCCC
- BEC1C1
- B3B5B5
- A9AAAA
- 9EA0A0
- 949595
- 8A8A8A
Hòa sắc
Bổ túc +180°
- E9EEEE
Dipped in Cloudy Dreams
- F0EBEB
≈ Charolais Cattle
Tương đồng -30° +30°
- E9EEEE
Dipped in Cloudy Dreams
- EAEEEC
≈ Moonlit Snow
- E9EEF0
≈ Dipped in Cloudy Dreams
Bộ ba +120° +240°
- E9EEEE
Dipped in Cloudy Dreams
- EEECEF
≈ Violet Clues
- EFECE9
≈ Snow Storm
Bổ túc chia +150° +210°
- E9EEEE
Dipped in Cloudy Dreams
- F0EBED
≈ Sheikh White
- F0ECEA
≈ Charolais Cattle
Bộ bốn +90° +180° +270°
- E9EEEE
Dipped in Cloudy Dreams
- ECECF0
≈ Bright Grey
- F0EBEB
≈ Charolais Cattle
- EDEDE9
≈ Floral Scent
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.17:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 17.92:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 17.92:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--dipped-in-cloudy-dreams: #e9eeee;
--dipped-in-cloudy-dreams-rgb: 233 238 238;
--dipped-in-cloudy-dreams-oklch: oklch(0.945 0.005 197.1);
}
.element {
color: var(--dipped-in-cloudy-dreams);
background-color: hsl(180 13% 92%);
border-color: oklch(0.945 0.005 197.1);
}Tailwind CSS v4
@theme {
--color-dipped-in-cloudy-dreams: #e9eeee;
--color-dipped-in-cloudy-dreams-50: #f3f5f6;
--color-dipped-in-cloudy-dreams-100: #e6e8e8;
--color-dipped-in-cloudy-dreams-200: #d2d5d5;
--color-dipped-in-cloudy-dreams-300: #b4b8b8;
--color-dipped-in-cloudy-dreams-400: #9b9f9f;
--color-dipped-in-cloudy-dreams-500: #828787;
--color-dipped-in-cloudy-dreams-600: #6e7272;
--color-dipped-in-cloudy-dreams-700: #585c5c;
--color-dipped-in-cloudy-dreams-800: #404343;
--color-dipped-in-cloudy-dreams-900: #2c2e2e;
--color-dipped-in-cloudy-dreams-950: #191b1b;
}SCSS
$dipped-in-cloudy-dreams: #e9eeee;
$dipped-in-cloudy-dreams-rgb: 233, 238, 238;
$dipped-in-cloudy-dreams-light: mix(#fff, $dipped-in-cloudy-dreams, 20%);
$dipped-in-cloudy-dreams-dark: mix(#000, $dipped-in-cloudy-dreams, 20%);
.element {
color: $dipped-in-cloudy-dreams;
box-shadow: 0 0 0 2px rgba($dipped-in-cloudy-dreams, 0.35);
}