이름 색상 · #E7B57F
Stormeye
Stormeye은(는) #E7B57F: rgb(231 181 127), hsl(31 68% 70%), oklch(0.806 0.091 68.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Stormeye color name →
#E7B57F
oklch(0.806 0.091 68.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- EABC8C
- ECC499
- EFCBA6
- F1D3B3
- F4DAC0
- F6E2CC
- F9E9D9
- FBF0E6
- FDF8F2
셰이드
- C99D6E
- AB865D
- 8F6F4C
- 73593C
- 59442D
- 40301F
- 281D11
- 130C06
- 030201
톤
- DCB080
- D2AA81
- C7A581
- BDA081
- B39B81
- A99581
- 9E9081
- 948B81
- 8A8581
색 조화
보색 +180°
- E7B57F
Stormeye
- 91C5F8
≈ Sail to the Sea
유사색 -30° +30°
- E7B57F
Stormeye
- F4AC95
≈ Pretty Primrose
- CFC17B
≈ Winter Hazel
삼각 배색 +120° +240°
- E7B57F
Stormeye
- 75D3CB
≈ Hidden Sea Glass
- D0B0ED
≈ Purple Sand
분열 보색 +150° +210°
- E7B57F
Stormeye
- 77CEE7
≈ Blue Limewash
- B2BAFA
≈ Purple Illusion
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.85:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.31:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
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);
}