이름 색상 · #167D60
Verdant Green
Verdant Green은(는) #167D60: rgb(22 125 96), hsl(163 70% 29%), oklch(0.527 0.1 168.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Verdant Green color name →
#167D60
oklch(0.527 0.1 168.3)
색상 변환
- HEX
- #167d60
- RGB
- rgb(22 125 96)
- HSL
- hsl(163 70% 29%)
- HWB
- hwb(163 9% 51%)
- OKLCH
- oklch(0.527 0.1 168.3)
- OKLab
- oklab(0.527 -0.098 0.02)
- CIE Lab
- lab(46.43 -34.8 7.51)
- LCH
- lch(46.43 35.6 167.8)
- CMYK
- cmyk(82% 0% 23% 51%)
틴트 · 셰이드 · 톤
틴트
- 398A6F
- 52967E
- 68A38D
- 7EB09C
- 94BDAC
- A9CABC
- BED7CD
- D4E4DD
- E9F2EE
셰이드
- 126C52
- 0D5B45
- 094B38
- 063B2C
- 032C20
- 021E15
- 01110A
- 000503
- 000100
톤
- 2B7E63
- 397E66
- 447F6A
- 4F7F6D
- 587F70
- 618073
- 698076
- 71807A
- 79807D
색 조화
보색 +180°
- 167D60
Verdant Green
- 955175
≈ Sea Fan Fuchsia
유사색 -30° +30°
- 167D60
Verdant Green
- 4C783E
≈ Nereus
- 007A7E
≈ Tobernite
삼각 배색 +120° +240°
- 167D60
Verdant Green
- 6960A1
≈ Giant Onion
- 995733
≈ Seared Earth
분열 보색 +150° +210°
- 167D60
Verdant Green
- 835790
≈ Purple Tanzanite
- 9C5154
≈ Brown Cerberus
사각 배색 +90° +180° +270°
- 167D60
Verdant Green
- 456BA4
≈ Indigo Batik
- 955175
≈ Sea Fan Fuchsia
- 8A6318
≈ Kumera
대비 및 접근성
Ag
AA흰색 위
WCAG 5.07:1 · APCA Lc 75
Ag
Fail검은색 위
WCAG 4.13:1 · APCA Lc 27
가장 좋은 글자색: #FFFFFF
WCAG 5.07:1 (AA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--verdant-green: #167d60;
--verdant-green-rgb: 22 125 96;
--verdant-green-oklch: oklch(0.527 0.1 168.3);
}
.element {
color: var(--verdant-green);
background-color: hsl(163 70% 29%);
border-color: oklch(0.527 0.1 168.3);
}Tailwind CSS v4
@theme {
--color-verdant-green: #167d60;
--color-verdant-green-50: #dafff1;
--color-verdant-green-100: #c8f3e3;
--color-verdant-green-200: #aae3ce;
--color-verdant-green-300: #81c8b0;
--color-verdant-green-400: #5cb293;
--color-verdant-green-500: #2e9b7a;
--color-verdant-green-600: #298367;
--color-verdant-green-700: #216952;
--color-verdant-green-800: #184d3a;
--color-verdant-green-900: #0f3628;
--color-verdant-green-950: #022116;
}SCSS
$verdant-green: #167d60;
$verdant-green-rgb: 22, 125, 96;
$verdant-green-light: mix(#fff, $verdant-green, 20%);
$verdant-green-dark: mix(#000, $verdant-green, 20%);
.element {
color: $verdant-green;
box-shadow: 0 0 0 2px rgba($verdant-green, 0.35);
}