이름 색상 · #009A70
Rainforest
Rainforest은(는) #009A70: rgb(0 154 112), hsl(164 100% 30%), oklch(0.608 0.127 165.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Rainforest color name →
#009A70
oklch(0.608 0.127 165.5)
색상 변환
- HEX
- #009a70
- RGB
- rgb(0 154 112)
- HSL
- hsl(164 100% 30%)
- HWB
- hwb(164 0% 40%)
- OKLCH
- oklch(0.608 0.127 165.5)
- OKLab
- oklab(0.608 -0.123 0.032)
- CIE Lab
- lab(56.24 -43.87 11.99)
- LCH
- lch(56.24 45.48 164.7)
- CMYK
- cmyk(100% 0% 27% 40%)
틴트 · 셰이드 · 톤
틴트
- 38A47D
- 55AE8B
- 6DB899
- 83C3A7
- 99CDB5
- ADD7C4
- C2E1D2
- D6EBE1
- EBF5F0
셰이드
- 008560
- 007151
- 005E43
- 004B35
- 003927
- 00271A
- 00170E
- 000904
- 000101
톤
- 289872
- 3A9573
- 479375
- 529077
- 5C8E78
- 648B7A
- 6C897B
- 73867D
- 7A837E
색 조화
보색 +180°
- 009A70
Rainforest
- B76193
≈ Spring Crocus
유사색 -30° +30°
- 009A70
Rainforest
- 5F9341
≈ Mary’s Garden
- 009596
≈ Atrovirens
삼각 배색 +120° +240°
- 009A70
Rainforest
- 7C76CB
≈ Kickstart Purple
- C0673C
≈ Clay Pot
분열 보색 +150° +210°
- 009A70
Rainforest
- A069B6
≈ Prickly Purple
- C35F69
≈ Candy Drop
사각 배색 +90° +180° +270°
- 009A70
Rainforest
- 4B84CD
≈ Blue Sonki
- B76193
≈ Spring Crocus
- AE7604
≈ Falafel
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.58:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.85:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.85:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--rainforest: #009a70;
--rainforest-rgb: 0 154 112;
--rainforest-oklch: oklch(0.608 0.127 165.5);
}
.element {
color: var(--rainforest);
background-color: hsl(164 100% 30%);
border-color: oklch(0.608 0.127 165.5);
}Tailwind CSS v4
@theme {
--color-rainforest: #009a70;
--color-rainforest-50: #d3ffee;
--color-rainforest-100: #c0f6df;
--color-rainforest-200: #9ee6c9;
--color-rainforest-300: #71ccaa;
--color-rainforest-400: #44b68c;
--color-rainforest-500: #00a071;
--color-rainforest-600: #008760;
--color-rainforest-700: #006c4d;
--color-rainforest-800: #005036;
--color-rainforest-900: #013725;
--color-rainforest-950: #002213;
}SCSS
$rainforest: #009a70;
$rainforest-rgb: 0, 154, 112;
$rainforest-light: mix(#fff, $rainforest, 20%);
$rainforest-dark: mix(#000, $rainforest, 20%);
.element {
color: $rainforest;
box-shadow: 0 0 0 2px rgba($rainforest, 0.35);
}