Màu có tên · #E4E4CB
Yellow Phosphenes
Yellow Phosphenes là #E4E4CB: rgb(228 228 203), hsl(60 32% 85%), oklch(0.912 0.033 107). 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? → · Yellow Phosphenes color name →
#E4E4CB
oklch(0.912 0.033 107)
Chuyển đổi màu
- HEX
- #e4e4cb
- RGB
- rgb(228 228 203)
- HSL
- hsl(60 32% 85%)
- HWB
- hwb(60 80% 11%)
- OKLCH
- oklch(0.912 0.033 107)
- OKLab
- oklab(0.912 -0.01 0.032)
- CIE Lab
- lab(90.09 -3.14 12.26)
- LCH
- lch(90.09 12.66 104.4)
- CMYK
- cmyk(0% 0% 11% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E7E7D0
- E9E9D5
- ECECDB
- EFEFE0
- F1F1E5
- F4F4EA
- F7F7EF
- FAFAF5
- FCFCFA
Sắc đậm
- C6C6B0
- A9A996
- 8D8D7D
- 727265
- 58584D
- 3F3F37
- 282822
- 12120F
- 030302
Sắc xám
- DADAC3
- CFCFBC
- C5C5B4
- BBBBAC
- B1B1A5
- A7A79D
- 9D9D96
- 93938F
- 898A87
Hòa sắc
Bổ túc +180°
- E4E4CB
Yellow Phosphenes
- E0DFF8
≈ Stoic White
Tương đồng -30° +30°
- E4E4CB
Yellow Phosphenes
- EFE0CA
≈ Scroll
- D8E8D2
≈ Peppermint
Bộ ba +120° +240°
- E4E4CB
Yellow Phosphenes
- CCE7F3
≈ First Frost
- F4DAE6
≈ Columbine
Bổ túc chia +150° +210°
- E4E4CB
Yellow Phosphenes
- D4E3F9
≈ Weathered Blue
- EBDCF1
≈ Divine Dove
Bộ bốn +90° +180° +270°
- E4E4CB
Yellow Phosphenes
- CAE9EA
≈ Mabel
- E0DFF8
≈ Stoic White
- F8DADA
≈ Coy Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.29:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.25:1 · APCA Lc 89
Màu chữ tốt nhất: #000000
WCAG 16.25:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
CSS
:root {
--yellow-phosphenes: #e4e4cb;
--yellow-phosphenes-rgb: 228 228 203;
--yellow-phosphenes-oklch: oklch(0.912 0.033 107);
}
.element {
color: var(--yellow-phosphenes);
background-color: hsl(60 32% 85%);
border-color: oklch(0.912 0.033 107);
}Tailwind CSS v4
@theme {
--color-yellow-phosphenes: #e4e4cb;
--color-yellow-phosphenes-50: #f6f6eb;
--color-yellow-phosphenes-100: #e8e9dc;
--color-yellow-phosphenes-200: #d5d6c6;
--color-yellow-phosphenes-300: #b8b9a6;
--color-yellow-phosphenes-400: #a0a08a;
--color-yellow-phosphenes-500: #88886f;
--color-yellow-phosphenes-600: #73735e;
--color-yellow-phosphenes-700: #5c5c4b;
--color-yellow-phosphenes-800: #444336;
--color-yellow-phosphenes-900: #2f2e25;
--color-yellow-phosphenes-950: #1b1b13;
}SCSS
$yellow-phosphenes: #e4e4cb;
$yellow-phosphenes-rgb: 228, 228, 203;
$yellow-phosphenes-light: mix(#fff, $yellow-phosphenes, 20%);
$yellow-phosphenes-dark: mix(#000, $yellow-phosphenes, 20%);
.element {
color: $yellow-phosphenes;
box-shadow: 0 0 0 2px rgba($yellow-phosphenes, 0.35);
}