이름 색상 · #E2C28D
Lira
Lira은(는) #E2C28D: rgb(226 194 141), hsl(37 59% 72%), oklch(0.829 0.078 79.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Lira color name →
#E2C28D
oklch(0.829 0.078 79.9)
색상 변환
- HEX
- #e2c28d
- RGB
- rgb(226 194 141)
- HSL
- hsl(37 59% 72%)
- HWB
- hwb(37 55% 11%)
- OKLCH
- oklch(0.829 0.078 79.9)
- OKLab
- oklab(0.829 0.014 0.077)
- CIE Lab
- lab(80.3 6.39 31.14)
- LCH
- lch(80.3 31.78 78.4)
- CMYK
- cmyk(0% 14% 38% 11%)
틴트 · 셰이드 · 톤
틴트
- E5C899
- E8CEA4
- EBD4B0
- EEDABB
- F1E1C6
- F4E7D2
- F7EDDD
- F9F3E8
- FCF9F4
셰이드
- C4A87A
- A88F67
- 8C7755
- 716044
- 574933
- 3E3423
- 272014
- 120E07
- 030201
톤
- D8BB8C
- CEB58B
- C4AE8A
- BAA789
- B0A188
- A69A87
- 9D9485
- 938D83
- 898682
색 조화
보색 +180°
- E2C28D
Lira
- AAC8FA
≈ Night Snow
유사색 -30° +30°
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.70:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.33:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.33:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--lira: #e2c28d;
--lira-rgb: 226 194 141;
--lira-oklch: oklch(0.829 0.078 79.9);
}
.element {
color: var(--lira);
background-color: hsl(37 59% 72%);
border-color: oklch(0.829 0.078 79.9);
}Tailwind CSS v4
@theme {
--color-lira: #e2c28d;
--color-lira-50: #fff4dd;
--color-lira-100: #f5e6cb;
--color-lira-200: #e5d2af;
--color-lira-300: #ccb48a;
--color-lira-400: #b79a69;
--color-lira-500: #a18047;
--color-lira-600: #886d3d;
--color-lira-700: #6d5730;
--color-lira-800: #513f22;
--color-lira-900: #392b16;
--color-lira-950: #231908;
}SCSS
$lira: #e2c28d;
$lira-rgb: 226, 194, 141;
$lira-light: mix(#fff, $lira, 20%);
$lira-dark: mix(#000, $lira, 20%);
.element {
color: $lira;
box-shadow: 0 0 0 2px rgba($lira, 0.35);
}