가장 가까운 이름 색상 · #3D8C00
#3D8C00
가장 가까운 이름 색상: Kelp Forest
#3D8C00(rgb(61 140 0), hsl(94 100% 27%), oklch(0.567 0.172 137.1))와 가장 가까운 이름 색상은 Kelp Forest입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3D8C00
oklch(0.567 0.172 137.1)
색상 변환
- HEX
- #3d8c00
- RGB
- rgb(61 140 0)
- HSL
- hsl(94 100% 27%)
- HWB
- hwb(94 0% 45%)
- OKLCH
- oklch(0.567 0.172 137.1)
- OKLab
- oklab(0.567 -0.126 0.117)
- CIE Lab
- lab(51.65 -41.05 53.39)
- LCH
- lch(51.65 67.34 127.6)
- CMYK
- cmyk(56% 0% 100% 45%)
틴트 · 셰이드 · 톤
틴트
- 529830
- 66A34B
- 79AF62
- 8CBA79
- 9FC68F
- B2D1A6
- C5DDBC
- D8E8D2
- EBF4E8
셰이드
- 347900
- 2B6700
- 225500
- 1A4300
- 123300
- 0A2300
- 041400
- 010700
- 000100
톤
- 468B21
- 4E8A31
- 558A3E
- 5C894A
- 638754
- 69865E
- 6F8567
- 75836F
- 7A8278
색 조화
보색 +180°
- 3D8C00
Kelp Forest
- 9E4FB8
≈ Fuchsia Pheromone
유사색 -30° +30°
- 3D8C00
Kelp Forest
- 7F7B00
≈ Tool Green
- 008C68
≈ Kabalite Green
삼각 배색 +120° +240°
- 3D8C00
Kelp Forest
- 2774D9
≈ Bright Navy Blue
- C73F51
≈ Feverish Pink
분열 보색 +150° +210°
- 3D8C00
Kelp Forest
- 7360D5
≈ Astro Purple
- BA428A
≈ Orchid Ecstasy
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.24:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.94:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.94:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--kelp-forest: #3d8c00;
--kelp-forest-rgb: 61 140 0;
--kelp-forest-oklch: oklch(0.567 0.172 137.1);
}
.element {
color: var(--kelp-forest);
background-color: hsl(94 100% 27%);
border-color: oklch(0.567 0.172 137.1);
}Tailwind CSS v4
@theme {
--color-kelp-forest: #3d8c00;
--color-kelp-forest-50: #ddffd3;
--color-kelp-forest-100: #cbf7bf;
--color-kelp-forest-200: #aee69f;
--color-kelp-forest-300: #88cc75;
--color-kelp-forest-400: #6ab547;
--color-kelp-forest-500: #459e00;
--color-kelp-forest-600: #3c8608;
--color-kelp-forest-700: #2f6b09;
--color-kelp-forest-800: #254e00;
--color-kelp-forest-900: #193701;
--color-kelp-forest-950: #092100;
}SCSS
$kelp-forest: #3d8c00;
$kelp-forest-rgb: 61, 140, 0;
$kelp-forest-light: mix(#fff, $kelp-forest, 20%);
$kelp-forest-dark: mix(#000, $kelp-forest, 20%);
.element {
color: $kelp-forest;
box-shadow: 0 0 0 2px rgba($kelp-forest, 0.35);
}