가장 가까운 이름 색상 · #409441
#409441
가장 가까운 이름 색상: Kryptonite Green
#409441(rgb(64 148 65), hsl(121 40% 42%), oklch(0.595 0.145 143.7))와 가장 가까운 이름 색상은 Kryptonite Green입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#409441
oklch(0.595 0.145 143.7)
색상 변환
- HEX
- #409441
- RGB
- rgb(64 148 65)
- HSL
- hsl(121 40% 42%)
- HWB
- hwb(121 25% 42%)
- OKLCH
- oklch(0.595 0.145 143.7)
- OKLab
- oklab(0.595 -0.117 0.086)
- CIE Lab
- lab(54.75 -39.71 35.29)
- LCH
- lch(54.75 53.13 138.4)
- CMYK
- cmyk(57% 0% 56% 42%)
틴트 · 셰이드 · 톤
틴트
- 559F55
- 69A968
- 7CB47A
- 8FBF8D
- A2CAA0
- B4D4B2
- C7DFC5
- D9EAD8
- ECF4EC
셰이드
- 368037
- 2D6D2E
- 245A25
- 1B481C
- 133613
- 0B260B
- 051605
- 010801
- 000100
톤
- 499249
- 519150
- 588F57
- 5F8D5E
- 658B64
- 6B896A
- 71876F
- 768575
- 7B827B
색 조화
보색 +180°
- 409441
Kryptonite Green
- A85DAF
≈ Royalty Loyalty
유사색 -30° +30°
- 409441
Kryptonite Green
- 7F8700
≈ Elwynn Forest Olive
- 009479
≈ Pool Table
삼각 배색 +120° +240°
- 409441
Kryptonite Green
- 517BD4
≈ Serenity’s Reign
- C65653
≈ Fuzzy Wuzzy Brown
분열 보색 +150° +210°
- 409441
Kryptonite Green
- 846BCC
≈ Lavish Spending
- BE5585
≈ Berry Boost
사각 배색 +90° +180° +270°
- 409441
Kryptonite Green
- 008ABD
≈ Mermaid Dreams
- A85DAF
≈ Royalty Loyalty
- BF6210
≈ Monkey King
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.79:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.53:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.53:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--kryptonite-green: #409441;
--kryptonite-green-rgb: 64 148 65;
--kryptonite-green-oklch: oklch(0.595 0.145 143.7);
}
.element {
color: var(--kryptonite-green);
background-color: hsl(121 40% 42%);
border-color: oklch(0.595 0.145 143.7);
}Tailwind CSS v4
@theme {
--color-kryptonite-green: #409441;
--color-kryptonite-green-50: #dcffdd;
--color-kryptonite-green-100: #caf6cb;
--color-kryptonite-green-200: #ade5af;
--color-kryptonite-green-300: #86cb8a;
--color-kryptonite-green-400: #65b464;
--color-kryptonite-green-500: #3e9e40;
--color-kryptonite-green-600: #368537;
--color-kryptonite-green-700: #2b6b2c;
--color-kryptonite-green-800: #214e1c;
--color-kryptonite-green-900: #163612;
--color-kryptonite-green-950: #072104;
}SCSS
$kryptonite-green: #409441;
$kryptonite-green-rgb: 64, 148, 65;
$kryptonite-green-light: mix(#fff, $kryptonite-green, 20%);
$kryptonite-green-dark: mix(#000, $kryptonite-green, 20%);
.element {
color: $kryptonite-green;
box-shadow: 0 0 0 2px rgba($kryptonite-green, 0.35);
}