Colore con nome · #E4D89A
Subtle Sunshine
Subtle Sunshine è #E4D89A: rgb(228 216 154), hsl(50 58% 75%), oklch(0.877 0.081 98.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Subtle Sunshine color name →
#E4D89A
oklch(0.877 0.081 98.5)
Conversioni di colore
- HEX
- #e4d89a
- RGB
- rgb(228 216 154)
- HSL
- hsl(50 58% 75%)
- HWB
- hwb(50 60% 11%)
- OKLCH
- oklch(0.877 0.081 98.5)
- OKLab
- oklab(0.877 -0.012 0.08)
- CIE Lab
- lab(86.23 -2.47 32.22)
- LCH
- lch(86.23 32.31 94.4)
- CMYK
- cmyk(0% 5% 32% 11%)
Tinte · Ombre · Toni
Tinte
- E7DCA4
- E9E0AF
- ECE4B9
- EFE8C3
- F1ECCD
- F4F0D7
- F7F3E1
- F9F7EB
- FCFBF5
Ombre
- C6BC85
- A9A071
- 8D855E
- 726B4B
- 585339
- 3F3B27
- 282517
- 121109
- 030201
Toni
- DACF98
- CFC696
- C5BD93
- BBB491
- B1AB8E
- A7A28C
- 9D9A89
- 939186
- 898983
Armonie di colore
Complementare +180°
- E4D89A
Subtle Sunshine
- CDD3FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- E4D89A
Subtle Sunshine
- FACD9D
≈ Apricot Sherbet
- C7E2A9
≈ Viridine Green
Triadico +120° +240°
- E4D89A
Subtle Sunshine
- 98E4FB
≈ Winter Wizard
- FBC3E9
≈ Pretty in Pink
Complementare divisa +150° +210°
- E4D89A
Subtle Sunshine
- B7DBFF
≈ Broad Daylight
- E5C9FF
≈ Wisteria Powder
Tetradico +90° +180° +270°
- E4D89A
Subtle Sunshine
- 96E8E1
≈ Sea Glass Teal
- CDD3FF
≈ Pale Phthalo Blue
- FFC5CE
≈ Rubber Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.58:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.58:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--subtle-sunshine: #e4d89a;
--subtle-sunshine-rgb: 228 216 154;
--subtle-sunshine-oklch: oklch(0.877 0.081 98.5);
}
.element {
color: var(--subtle-sunshine);
background-color: hsl(50 58% 75%);
border-color: oklch(0.877 0.081 98.5);
}Tailwind CSS v4
@theme {
--color-subtle-sunshine: #e4d89a;
--color-subtle-sunshine-50: #faf6dc;
--color-subtle-sunshine-100: #ede9cb;
--color-subtle-sunshine-200: #dcd6ae;
--color-subtle-sunshine-300: #c0b989;
--color-subtle-sunshine-400: #aa9f67;
--color-subtle-sunshine-500: #948744;
--color-subtle-sunshine-600: #7d723b;
--color-subtle-sunshine-700: #645b2e;
--color-subtle-sunshine-800: #4a4220;
--color-subtle-sunshine-900: #342e15;
--color-subtle-sunshine-950: #1f1b07;
}SCSS
$subtle-sunshine: #e4d89a;
$subtle-sunshine-rgb: 228, 216, 154;
$subtle-sunshine-light: mix(#fff, $subtle-sunshine, 20%);
$subtle-sunshine-dark: mix(#000, $subtle-sunshine, 20%);
.element {
color: $subtle-sunshine;
box-shadow: 0 0 0 2px rgba($subtle-sunshine, 0.35);
}