이름 색상 · #A5B145
Elysian Green
Elysian Green은(는) #A5B145: rgb(165 177 69), hsl(67 44% 48%), oklch(0.729 0.133 115.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Elysian Green color name →
#A5B145
oklch(0.729 0.133 115.1)
색상 변환
- HEX
- #a5b145
- RGB
- rgb(165 177 69)
- HSL
- hsl(67 44% 48%)
- HWB
- hwb(67 27% 31%)
- OKLCH
- oklch(0.729 0.133 115.1)
- OKLab
- oklab(0.729 -0.056 0.12)
- CIE Lab
- lab(69.65 -15.27 51.96)
- LCH
- lch(69.65 54.16 106.4)
- CMYK
- cmyk(7% 0% 61% 31%)
틴트 · 셰이드 · 톤
틴트
- ADB95B
- B6C16F
- BFC982
- C8D195
- D0D8A7
- DAE0B8
- E3E8CA
- ECF0DC
- F5F7ED
셰이드
- 8F993B
- 798331
- 656C27
- 51571E
- 3D4215
- 2B2F0C
- 1A1C05
- 0A0C02
- 010100
톤
- A1AC4E
- 9DA757
- 99A35E
- 969E64
- 92996A
- 8E946F
- 8B8F74
- 878A78
- 83857C
색 조화
보색 +180°
- A5B145
Elysian Green
- AE96F2
≈ Dreamy Candy Forest
유사색 -30° +30°
- A5B145
Elysian Green
- CDA032
≈ Tiger Cat
- 6EBD72
≈ Dublin
삼각 배색 +120° +240°
- A5B145
Elysian Green
- 3FB4EE
≈ Lynx Screen Blue
- E882AC
≈ Aurora Pink
분열 보색 +150° +210°
- A5B145
Elysian Green
- 7FA5FB
≈ Fennel Flower
- D189D5
≈ Blush Essence
사각 배색 +90° +180° +270°
- A5B145
Elysian Green
- 00BDCD
≈ Panorama Blue
- AE96F2
≈ Dreamy Candy Forest
- EF847D
≈ Salmon Carpaccio
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.33:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.97:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.97:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--elysian-green: #a5b145;
--elysian-green-rgb: 165 177 69;
--elysian-green-oklch: oklch(0.729 0.133 115.1);
}
.element {
color: var(--elysian-green);
background-color: hsl(67 44% 48%);
border-color: oklch(0.729 0.133 115.1);
}Tailwind CSS v4
@theme {
--color-elysian-green: #a5b145;
--color-elysian-green-50: #f2fbd0;
--color-elysian-green-100: #e4eebc;
--color-elysian-green-200: #d0dc9b;
--color-elysian-green-300: #b2c070;
--color-elysian-green-400: #9ca742;
--color-elysian-green-500: #848f00;
--color-elysian-green-600: #707900;
--color-elysian-green-700: #596101;
--color-elysian-green-800: #434700;
--color-elysian-green-900: #2e3101;
--color-elysian-green-950: #1b1d00;
}SCSS
$elysian-green: #a5b145;
$elysian-green-rgb: 165, 177, 69;
$elysian-green-light: mix(#fff, $elysian-green, 20%);
$elysian-green-dark: mix(#000, $elysian-green, 20%);
.element {
color: $elysian-green;
box-shadow: 0 0 0 2px rgba($elysian-green, 0.35);
}