Nazwany kolor · #E7B57F
Stormeye
Stormeye to #E7B57F: rgb(231 181 127), hsl(31 68% 70%), oklch(0.806 0.091 68.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Stormeye color name →
#E7B57F
oklch(0.806 0.091 68.1)
Konwersje koloru
- HEX
- #e7b57f
- RGB
- rgb(231 181 127)
- HSL
- hsl(31 68% 70%)
- HWB
- hwb(31 50% 9%)
- OKLCH
- oklch(0.806 0.091 68.1)
- OKLab
- oklab(0.806 0.034 0.084)
- CIE Lab
- lab(77.4 13.79 34.78)
- LCH
- lch(77.4 37.41 68.4)
- CMYK
- cmyk(0% 22% 45% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EABC8C
- ECC499
- EFCBA6
- F1D3B3
- F4DAC0
- F6E2CC
- F9E9D9
- FBF0E6
- FDF8F2
Odcienie ciemniejsze
- C99D6E
- AB865D
- 8F6F4C
- 73593C
- 59442D
- 40301F
- 281D11
- 130C06
- 030201
Tony
- DCB080
- D2AA81
- C7A581
- BDA081
- B39B81
- A99581
- 9E9081
- 948B81
- 8A8581
Harmonie kolorów
Komplementarna +180°
- E7B57F
Stormeye
- 91C5F8
≈ Sail to the Sea
Analogowa -30° +30°
- E7B57F
Stormeye
- F4AC95
≈ Pretty Primrose
- CFC17B
≈ Winter Hazel
Triada +120° +240°
- E7B57F
Stormeye
- 75D3CB
≈ Hidden Sea Glass
- D0B0ED
≈ Purple Sand
Komplementarna rozszczepiona +150° +210°
- E7B57F
Stormeye
- 77CEE7
≈ Blue Limewash
- B2BAFA
≈ Purple Illusion
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.85:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.31:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--stormeye: #e7b57f;
--stormeye-rgb: 231 181 127;
--stormeye-oklch: oklch(0.806 0.091 68.1);
}
.element {
color: var(--stormeye);
background-color: hsl(31 68% 70%);
border-color: oklch(0.806 0.091 68.1);
}Tailwind CSS v4
@theme {
--color-stormeye: #e7b57f;
--color-stormeye-50: #fff1da;
--color-stormeye-100: #fce3c8;
--color-stormeye-200: #eeceab;
--color-stormeye-300: #d6b084;
--color-stormeye-400: #c29462;
--color-stormeye-500: #ae7a3e;
--color-stormeye-600: #936736;
--color-stormeye-700: #76532b;
--color-stormeye-800: #583c1e;
--color-stormeye-900: #3d2913;
--color-stormeye-950: #271706;
}SCSS
$stormeye: #e7b57f;
$stormeye-rgb: 231, 181, 127;
$stormeye-light: mix(#fff, $stormeye, 20%);
$stormeye-dark: mix(#000, $stormeye, 20%);
.element {
color: $stormeye;
box-shadow: 0 0 0 2px rgba($stormeye, 0.35);
}