Nazwany kolor · #E8A59D
Spring Linen
Spring Linen to #E8A59D: rgb(232 165 157), hsl(6 62% 76%), oklch(0.784 0.081 26.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Spring Linen color name →
#E8A59D
oklch(0.784 0.081 26.7)
Konwersje koloru
- HEX
- #e8a59d
- RGB
- rgb(232 165 157)
- HSL
- hsl(6 62% 76%)
- HWB
- hwb(6 62% 9%)
- OKLCH
- oklch(0.784 0.081 26.7)
- OKLab
- oklab(0.784 0.072 0.036)
- CIE Lab
- lab(74.17 24.73 14.56)
- LCH
- lch(74.17 28.7 30.5)
- CMYK
- cmyk(0% 29% 32% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBAEA7
- EEB7B0
- F0C0BA
- F3C9C3
- F5D2CD
- F7DBD7
- FAE4E1
- FCEDEB
- FDF6F5
Odcienie ciemniejsze
- CA8F88
- AC7973
- 90655F
- 74514C
- 593D3A
- 402B28
- 291A18
- 130A09
- 030101
Tony
- DEA19A
- D39E97
- C99A94
- BE9792
- B4938F
- A98F8C
- 9F8B89
- 958886
- 8A8483
Harmonie kolorów
Komplementarna +180°
- E8A59D
Spring Linen
- 77C8D3
≈ Valonia
Analogowa -30° +30°
- E8A59D
Spring Linen
- E4A3B9
≈ Fussy Pink
- E1AC86
≈ Tumbleweed
Triada +120° +240°
- E8A59D
Spring Linen
- 97C79A
≈ Frost Gum
- A1B8ED
≈ Perano
Komplementarna rozszczepiona +150° +210°
- E8A59D
Spring Linen
- 7ECAB7
≈ Bevelled Glass
- 86C1E6
≈ Rhodes
Tetrada +90° +180° +270°
- E8A59D
Spring Linen
- B5C084
≈ Dried Caspia
- 77C8D3
≈ Valonia
- BDAEE7
≈ Purple Sand
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.03:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.30:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--spring-linen: #e8a59d;
--spring-linen-rgb: 232 165 157;
--spring-linen-oklch: oklch(0.784 0.081 26.7);
}
.element {
color: var(--spring-linen);
background-color: hsl(6 62% 76%);
border-color: oklch(0.784 0.081 26.7);
}Tailwind CSS v4
@theme {
--color-spring-linen: #e8a59d;
--color-spring-linen-50: #ffede8;
--color-spring-linen-100: #ffded9;
--color-spring-linen-200: #f5c8c1;
--color-spring-linen-300: #dea8a0;
--color-spring-linen-400: #ca8c85;
--color-spring-linen-500: #b67169;
--color-spring-linen-600: #9a6059;
--color-spring-linen-700: #7b4c47;
--color-spring-linen-800: #5b3734;
--color-spring-linen-900: #402624;
--color-spring-linen-950: #291412;
}SCSS
$spring-linen: #e8a59d;
$spring-linen-rgb: 232, 165, 157;
$spring-linen-light: mix(#fff, $spring-linen, 20%);
$spring-linen-dark: mix(#000, $spring-linen, 20%);
.element {
color: $spring-linen;
box-shadow: 0 0 0 2px rgba($spring-linen, 0.35);
}