이름 색상 · #7E8424
Trendy Green
Trendy Green은(는) #7E8424: rgb(126 132 36), hsl(64 57% 33%), oklch(0.59 0.116 113). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Trendy Green color name →
#7E8424
oklch(0.59 0.116 113)
색상 변환
- HEX
- #7e8424
- RGB
- rgb(126 132 36)
- HSL
- hsl(64 57% 33%)
- HWB
- hwb(64 14% 48%)
- OKLCH
- oklch(0.59 0.116 113)
- OKLab
- oklab(0.59 -0.045 0.107)
- CIE Lab
- lab(53.27 -11.56 47.8)
- LCH
- lch(53.27 49.17 103.6)
- CMYK
- cmyk(5% 0% 73% 48%)
틴트 · 셰이드 · 톤
틴트
- 8A903F
- 969C56
- A2A86C
- AFB481
- BCC196
- C9CDAB
- D6D9BF
- E4E6D4
- F1F2EA
셰이드
- 6D721E
- 5C6018
- 4C4F12
- 3C3F0C
- 2D2F07
- 1F2004
- 111202
- 050600
- 010100
톤
- 7E8433
- 7E843E
- 7E8348
- 7E8352
- 7F835A
- 7F8262
- 7F826A
- 7F8172
- 808179
색 조화
보색 +180°
- 7E8424
Trendy Green
- 806FBC
≈ Venus Violet
유사색 -30° +30°
- 7E8424
Trendy Green
- 9F7612
≈ Barbarian Leather
- 508F4D
≈ Virgo Green Goddess
삼각 배색 +120° +240°
- 7E8424
Trendy Green
- 1688B7
≈ Mermaid Dreams
- B15E83
≈ Guppy Violet
분열 보색 +150° +210°
- 7E8424
Trendy Green
- 587BC2
≈ Blue Iolite
- 9E64A5
≈ Royal Pretender
사각 배색 +90° +180° +270°
- 7E8424
Trendy Green
- 008E98
≈ Tempo Teal
- 806FBC
≈ Venus Violet
- B85F5C
≈ Energy Peak
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.02:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.21:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.21:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--trendy-green: #7e8424;
--trendy-green-rgb: 126 132 36;
--trendy-green-oklch: oklch(0.59 0.116 113);
}
.element {
color: var(--trendy-green);
background-color: hsl(64 57% 33%);
border-color: oklch(0.59 0.116 113);
}Tailwind CSS v4
@theme {
--color-trendy-green: #7e8424;
--color-trendy-green-50: #f3fad4;
--color-trendy-green-100: #e6edc1;
--color-trendy-green-200: #d2dba2;
--color-trendy-green-300: #b5bf79;
--color-trendy-green-400: #9fa650;
--color-trendy-green-500: #878e1e;
--color-trendy-green-600: #72781d;
--color-trendy-green-700: #5b6017;
--color-trendy-green-800: #44460c;
--color-trendy-green-900: #2f3008;
--color-trendy-green-950: #1c1c00;
}SCSS
$trendy-green: #7e8424;
$trendy-green-rgb: 126, 132, 36;
$trendy-green-light: mix(#fff, $trendy-green, 20%);
$trendy-green-dark: mix(#000, $trendy-green, 20%);
.element {
color: $trendy-green;
box-shadow: 0 0 0 2px rgba($trendy-green, 0.35);
}