Colore con nome · #E4E4CB
Yellow Phosphenes
Yellow Phosphenes è #E4E4CB: rgb(228 228 203), hsl(60 32% 85%), oklch(0.912 0.033 107). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Yellow Phosphenes color name →
#E4E4CB
oklch(0.912 0.033 107)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E7E7D0
- E9E9D5
- ECECDB
- EFEFE0
- F1F1E5
- F4F4EA
- F7F7EF
- FAFAF5
- FCFCFA
Ombre
- C6C6B0
- A9A996
- 8D8D7D
- 727265
- 58584D
- 3F3F37
- 282822
- 12120F
- 030302
Toni
- DADAC3
- CFCFBC
- C5C5B4
- BBBBAC
- B1B1A5
- A7A79D
- 9D9D96
- 93938F
- 898A87
Armonie di colore
Complementare +180°
- E4E4CB
Yellow Phosphenes
- E0DFF8
≈ Stoic White
Analogo -30° +30°
- E4E4CB
Yellow Phosphenes
- EFE0CA
≈ Scroll
- D8E8D2
≈ Peppermint
Triadico +120° +240°
- E4E4CB
Yellow Phosphenes
- CCE7F3
≈ First Frost
- F4DAE6
≈ Columbine
Complementare divisa +150° +210°
- E4E4CB
Yellow Phosphenes
- D4E3F9
≈ Weathered Blue
- EBDCF1
≈ Divine Dove
Tetradico +90° +180° +270°
- E4E4CB
Yellow Phosphenes
- CAE9EA
≈ Mabel
- E0DFF8
≈ Stoic White
- F8DADA
≈ Coy Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.25:1 · APCA Lc 89
Miglior colore del testo: #000000
WCAG 16.25:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
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);
}