이름 색상 · #4B6443
Deep Viridian
Deep Viridian은(는) #4B6443: rgb(75 100 67), hsl(105 20% 33%), oklch(0.474 0.06 138.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Deep Viridian color name →
#4B6443
oklch(0.474 0.06 138.3)
색상 변환
- HEX
- #4b6443
- RGB
- rgb(75 100 67)
- HSL
- hsl(105 20% 33%)
- HWB
- hwb(105 26% 61%)
- OKLCH
- oklch(0.474 0.06 138.3)
- OKLab
- oklab(0.474 -0.044 0.04)
- CIE Lab
- lab(39.65 -14.94 15.63)
- LCH
- lch(39.65 21.62 133.7)
- CMYK
- cmyk(25% 0% 33% 61%)
틴트 · 셰이드 · 톤
틴트
- 5B7254
- 6C8166
- 7D9078
- 8F9F8A
- A1AF9D
- B3BEB0
- C6CEC3
- D8DED7
- ECEFEB
셰이드
- 405639
- 35482F
- 2B3B26
- 212E1D
- 172214
- 0E160C
- 060B05
- 020301
- 000000
톤
- 506749
- 566A4F
- 5B6D55
- 606F5B
- 657261
- 6B7567
- 70786E
- 757A74
- 7B7D7A
색 조화
보색 +180°
- 4B6443
Deep Viridian
- 6A5172
≈ Basil Mauve
유사색 -30° +30°
- 4B6443
Deep Viridian
- 5F5F36
≈ Basque Green
- 376756
≈ Plantain Green
삼각 배색 +120° +240°
- 4B6443
Deep Viridian
- 475D7D
≈ Stream
- 7A4E4F
≈ Veil of Cinder
분열 보색 +150° +210°
- 4B6443
Deep Viridian
- 5A567C
≈ Aurora Splendour
- 754E62
≈ Passionate
사각 배색 +90° +180° +270°
- 4B6443
Deep Viridian
- 356276
≈ Atlantis
- 6A5172
≈ Basil Mauve
- 78523E
≈ Earth Fired Red
대비 및 접근성
Ag
AA흰색 위
WCAG 6.55:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.20:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.55:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--deep-viridian: #4b6443;
--deep-viridian-rgb: 75 100 67;
--deep-viridian-oklch: oklch(0.474 0.06 138.3);
}
.element {
color: var(--deep-viridian);
background-color: hsl(105 20% 33%);
border-color: oklch(0.474 0.06 138.3);
}Tailwind CSS v4
@theme {
--color-deep-viridian: #4b6443;
--color-deep-viridian-50: #ecfaea;
--color-deep-viridian-100: #deedda;
--color-deep-viridian-200: #c7dbc3;
--color-deep-viridian-300: #a8bfa3;
--color-deep-viridian-400: #8da785;
--color-deep-viridian-500: #739069;
--color-deep-viridian-600: #617a59;
--color-deep-viridian-700: #4e6147;
--color-deep-viridian-800: #394733;
--color-deep-viridian-900: #273122;
--color-deep-viridian-950: #151d12;
}SCSS
$deep-viridian: #4b6443;
$deep-viridian-rgb: 75, 100, 67;
$deep-viridian-light: mix(#fff, $deep-viridian, 20%);
$deep-viridian-dark: mix(#000, $deep-viridian, 20%);
.element {
color: $deep-viridian;
box-shadow: 0 0 0 2px rgba($deep-viridian, 0.35);
}