이름 색상 · #2A603B
Midori
Midori은(는) #2A603B: rgb(42 96 59), hsl(139 39% 27%), oklch(0.442 0.084 151.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Midori color name →
#2A603B
oklch(0.442 0.084 151.8)
색상 변환
- HEX
- #2a603b
- RGB
- rgb(42 96 59)
- HSL
- hsl(139 39% 27%)
- HWB
- hwb(139 16% 62%)
- OKLCH
- oklch(0.442 0.084 151.8)
- OKLab
- oklab(0.442 -0.074 0.04)
- CIE Lab
- lab(36.3 -25.77 15.52)
- LCH
- lch(36.3 30.09 148.9)
- CMYK
- cmyk(56% 0% 39% 62%)
틴트 · 셰이드 · 톤
틴트
- 406F4D
- 547E5F
- 698D72
- 7D9D85
- 92AD98
- A7BDAC
- BDCDC0
- D3DED5
- E9EEEA
셰이드
- 235232
- 1C4529
- 163821
- 102C19
- 0A2011
- 051509
- 020A04
- 010301
- 000000
톤
- 346342
- 3E6749
- 466A50
- 4F6D56
- 57705D
- 607464
- 68776B
- 707A72
- 787D79
색 조화
보색 +180°
- 2A603B
Midori
- 6E4168
≈ Burnt Orchid
유사색 -30° +30°
- 2A603B
Midori
- 4B5A20
≈ Obscure Olive
- 006156
≈ Philodendron
삼각 배색 +120° +240°
- 2A603B
Midori
- 434F81
≈ Blue Jewel
- 7B4035
≈ Aged Teak
분열 보색 +150° +210°
- 2A603B
Midori
- 5C477A
≈ In the Vines
- 783E4F
≈ Vintage Merlot
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.40:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.83:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.40:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--midori: #2a603b;
--midori-rgb: 42 96 59;
--midori-oklch: oklch(0.442 0.084 151.8);
}
.element {
color: var(--midori);
background-color: hsl(139 39% 27%);
border-color: oklch(0.442 0.084 151.8);
}Tailwind CSS v4
@theme {
--color-midori: #2a603b;
--color-midori-50: #e4fdea;
--color-midori-100: #d3f1db;
--color-midori-200: #badfc4;
--color-midori-300: #96c4a4;
--color-midori-400: #79ad86;
--color-midori-500: #59966a;
--color-midori-600: #4c7f5a;
--color-midori-700: #3d6648;
--color-midori-800: #2c4b33;
--color-midori-900: #1e3422;
--color-midori-950: #0e1f12;
}SCSS
$midori: #2a603b;
$midori-rgb: 42, 96, 59;
$midori-light: mix(#fff, $midori, 20%);
$midori-dark: mix(#000, $midori, 20%);
.element {
color: $midori;
box-shadow: 0 0 0 2px rgba($midori, 0.35);
}