이름 색상 · #218845
Rich Green
Rich Green은(는) #218845: rgb(33 136 69), hsl(141 61% 33%), oklch(0.553 0.137 150.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Rich Green color name →
#218845
oklch(0.553 0.137 150.3)
색상 변환
- HEX
- #218845
- RGB
- rgb(33 136 69)
- HSL
- hsl(141 61% 33%)
- HWB
- hwb(141 13% 47%)
- OKLCH
- oklch(0.553 0.137 150.3)
- OKLab
- oklab(0.553 -0.119 0.068)
- CIE Lab
- lab(49.92 -41.65 27.21)
- LCH
- lch(49.92 49.75 146.8)
- CMYK
- cmyk(76% 0% 49% 47%)
틴트 · 셰이드 · 톤
틴트
- 3F9457
- 57A069
- 6DAC7B
- 83B78D
- 97C3A0
- ACCFB2
- C1DBC5
- D5E7D8
- EAF3EB
셰이드
- 1B753B
- 166331
- 105227
- 0B411E
- 063115
- 03220C
- 011305
- 000602
- 000100
톤
- 32884C
- 3F8752
- 498658
- 53865E
- 5B8564
- 63846A
- 6B836F
- 728275
- 79817B
색 조화
보색 +180°
- 218845
Rich Green
- 9E5198
≈ Hyacinth Violet
유사색 -30° +30°
- 218845
Rich Green
- 697D00
≈ Topiary Garden
- 008575
≈ Summer Turquoise
삼각 배색 +120° +240°
- 218845
Rich Green
- 546BC2
≈ Amparo Blue
- B54E3F
≈ Raging Bull
분열 보색 +150° +210°
- 218845
Rich Green
- 805DB6
≈ Lusty Lavender
- B04B6F
≈ Lickedy Lick
사각 배색 +90° +180° +270°
- 218845
Rich Green
- 007AB5
≈ Deep River
- 9E5198
≈ Hyacinth Violet
- A85D00
≈ Raw Umber
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.49:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.67:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.67:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
CSS
:root {
--rich-green: #218845;
--rich-green-rgb: 33 136 69;
--rich-green-oklch: oklch(0.553 0.137 150.3);
}
.element {
color: var(--rich-green);
background-color: hsl(141 61% 33%);
border-color: oklch(0.553 0.137 150.3);
}Tailwind CSS v4
@theme {
--color-rich-green: #218845;
--color-rich-green-50: #d9ffe2;
--color-rich-green-100: #c7f6d2;
--color-rich-green-200: #a8e6b8;
--color-rich-green-300: #7fcc95;
--color-rich-green-400: #5bb573;
--color-rich-green-500: #2c9e53;
--color-rich-green-600: #288647;
--color-rich-green-700: #206b38;
--color-rich-green-800: #194f26;
--color-rich-green-900: #103719;
--color-rich-green-950: #03220a;
}SCSS
$rich-green: #218845;
$rich-green-rgb: 33, 136, 69;
$rich-green-light: mix(#fff, $rich-green, 20%);
$rich-green-dark: mix(#000, $rich-green, 20%);
.element {
color: $rich-green;
box-shadow: 0 0 0 2px rgba($rich-green, 0.35);
}