이름 색상 · #446019
Rainforest Matcha
Rainforest Matcha은(는) #446019: rgb(68 96 25), hsl(84 59% 24%), oklch(0.451 0.103 128.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Rainforest Matcha color name →
#446019
oklch(0.451 0.103 128.6)
색상 변환
- HEX
- #446019
- RGB
- rgb(68 96 25)
- HSL
- hsl(84 59% 24%)
- HWB
- hwb(84 10% 62%)
- OKLCH
- oklch(0.451 0.103 128.6)
- OKLab
- oklab(0.451 -0.064 0.08)
- CIE Lab
- lab(37.35 -19.77 34.99)
- LCH
- lch(37.35 40.19 119.5)
- CMYK
- cmyk(29% 0% 74% 62%)
틴트 · 셰이드 · 톤
틴트
- 556F32
- 667E49
- 788E5F
- 8A9D75
- 9DAD8B
- B0BDA1
- C3CDB8
- D7DED0
- EBEEE7
셰이드
- 3A5214
- 304510
- 26380B
- 1D2C07
- 142004
- 0C1502
- 050A01
- 020300
- 000000
톤
- 4A6327
- 506732
- 566A3D
- 5C6D47
- 627151
- 68745A
- 6E7764
- 747A6D
- 7A7D77
색 조화
보색 +180°
- 446019
Rainforest Matcha
- 664481
≈ Regality
유사색 -30° +30°
- 446019
Rainforest Matcha
- 635600
≈ Ayahuasca Vine
- 056640
≈ Greens
삼각 배색 +120° +240°
- 446019
Rainforest Matcha
- 1E598C
≈ Strong Will
- 843A4A
≈ Camelot
분열 보색 +150° +210°
- 446019
Rainforest Matcha
- 4A4E8D
≈ Beaded Blue
- 793D69
≈ Burnt Orchid
사각 배색 +90° +180° +270°
- 446019
Rainforest Matcha
- 006074
≈ Ocean Radiance
- 664481
≈ Regality
- 843E27
≈ Grill Master
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.15:1 · APCA Lc 85
Ag
Fail검은색 위
WCAG 2.93:1 · APCA Lc 17
가장 좋은 글자색: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 85
Contrast pairs
코드 스니펫
CSS
:root {
--rainforest-matcha: #446019;
--rainforest-matcha-rgb: 68 96 25;
--rainforest-matcha-oklch: oklch(0.451 0.103 128.6);
}
.element {
color: var(--rainforest-matcha);
background-color: hsl(84 59% 24%);
border-color: oklch(0.451 0.103 128.6);
}Tailwind CSS v4
@theme {
--color-rainforest-matcha: #446019;
--color-rainforest-matcha-50: #ebfcdd;
--color-rainforest-matcha-100: #dcefcc;
--color-rainforest-matcha-200: #c5deb0;
--color-rainforest-matcha-300: #a5c38b;
--color-rainforest-matcha-400: #8caa68;
--color-rainforest-matcha-500: #719345;
--color-rainforest-matcha-600: #607c3b;
--color-rainforest-matcha-700: #4d642f;
--color-rainforest-matcha-800: #39491f;
--color-rainforest-matcha-900: #273215;
--color-rainforest-matcha-950: #151e06;
}SCSS
$rainforest-matcha: #446019;
$rainforest-matcha-rgb: 68, 96, 25;
$rainforest-matcha-light: mix(#fff, $rainforest-matcha, 20%);
$rainforest-matcha-dark: mix(#000, $rainforest-matcha, 20%);
.element {
color: $rainforest-matcha;
box-shadow: 0 0 0 2px rgba($rainforest-matcha, 0.35);
}