이름 색상 · #346E23
Green-Eyed Monster
Green-Eyed Monster은(는) #346E23: rgb(52 110 35), hsl(106 52% 28%), oklch(0.482 0.124 139.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green-Eyed Monster color name →
#346E23
oklch(0.482 0.124 139.3)
색상 변환
- HEX
- #346e23
- RGB
- rgb(52 110 35)
- HSL
- hsl(106 52% 28%)
- HWB
- hwb(106 14% 57%)
- OKLCH
- oklch(0.482 0.124 139.3)
- OKLab
- oklab(0.482 -0.094 0.081)
- CIE Lab
- lab(41.29 -31.21 34.31)
- LCH
- lch(41.29 46.38 132.3)
- CMYK
- cmyk(53% 0% 68% 57%)
틴트 · 셰이드 · 톤
틴트
- 487C3A
- 5C8A50
- 709865
- 83A77A
- 97B590
- ACC4A5
- C0D2BB
- D5E1D2
- EAF0E8
셰이드
- 2C5F1D
- 245017
- 1C4111
- 15330C
- 0E2607
- 071904
- 030E01
- 010400
- 000100
톤
- 3D702F
- 457239
- 4D7443
- 55764C
- 5C7855
- 647A5E
- 6B7B67
- 727D6F
- 797F78
색 조화
보색 +180°
- 346E23
Green-Eyed Monster
- 7C448A
≈ Nightly Violet
유사색 -30° +30°
- 346E23
Green-Eyed Monster
- 636200
≈ Mud Green
- 006F55
≈ Teal Dark Green
삼각 배색 +120° +240°
- 346E23
Green-Eyed Monster
- 305CA3
≈ Miracle at Wrigley
- 973B41
≈ Shin Godzilla
분열 보색 +150° +210°
- 346E23
Green-Eyed Monster
- 5E4F9E
≈ Coronation Blue
- 8F3C69
≈ Powder Red
사각 배색 +90° +180° +270°
- 346E23
Green-Eyed Monster
- 006789
≈ Pulsating Blue
- 7C448A
≈ Nightly Violet
- 93440A
≈ Korichnewyi Brown
대비 및 접근성
Ag
AA흰색 위
WCAG 6.17:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.40:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--green-eyed-monster: #346e23;
--green-eyed-monster-rgb: 52 110 35;
--green-eyed-monster-oklch: oklch(0.482 0.124 139.3);
}
.element {
color: var(--green-eyed-monster);
background-color: hsl(106 52% 28%);
border-color: oklch(0.482 0.124 139.3);
}Tailwind CSS v4
@theme {
--color-green-eyed-monster: #346e23;
--color-green-eyed-monster-50: #e2ffde;
--color-green-eyed-monster-100: #d2f3cd;
--color-green-eyed-monster-200: #b7e2b1;
--color-green-eyed-monster-300: #94c88c;
--color-green-eyed-monster-400: #77b068;
--color-green-eyed-monster-500: #579945;
--color-green-eyed-monster-600: #4a823c;
--color-green-eyed-monster-700: #3b682f;
--color-green-eyed-monster-800: #2c4c1f;
--color-green-eyed-monster-900: #1e3514;
--color-green-eyed-monster-950: #0e2006;
}SCSS
$green-eyed-monster: #346e23;
$green-eyed-monster-rgb: 52, 110, 35;
$green-eyed-monster-light: mix(#fff, $green-eyed-monster, 20%);
$green-eyed-monster-dark: mix(#000, $green-eyed-monster, 20%);
.element {
color: $green-eyed-monster;
box-shadow: 0 0 0 2px rgba($green-eyed-monster, 0.35);
}