이름 색상 · #5E8E82
Chlorite
Chlorite은(는) #5E8E82: rgb(94 142 130), hsl(165 20% 46%), oklch(0.609 0.055 176.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Chlorite color name →
#5E8E82
oklch(0.609 0.055 176.9)
색상 변환
- HEX
- #5e8e82
- RGB
- rgb(94 142 130)
- HSL
- hsl(165 20% 46%)
- HWB
- hwb(165 37% 44%)
- OKLCH
- oklch(0.609 0.055 176.9)
- OKLab
- oklab(0.609 -0.055 0.003)
- CIE Lab
- lab(55.31 -19.05 0.97)
- LCH
- lch(55.31 19.07 177.1)
- CMYK
- cmyk(34% 0% 8% 44%)
틴트 · 셰이드 · 톤
틴트
- 6E998E
- 7EA49A
- 8DAFA6
- 9DBAB2
- ADC5BF
- BDD1CB
- CEDCD8
- DEE8E5
- EEF3F2
셰이드
- 517B70
- 44685F
- 37564E
- 2B443E
- 1F342F
- 142420
- 0A1512
- 030706
- 000101
톤
- 628D82
- 668B82
- 6A8A81
- 6D8981
- 718781
- 748681
- 778481
- 7A8380
- 7D8180
색 조화
보색 +180°
- 5E8E82
Chlorite
- 9F7583
≈ Dusk Wine
유사색 -30° +30°
- 5E8E82
Chlorite
- 6D8C70
≈ Laurel
- 5A8D94
≈ Tort
삼각 배색 +120° +240°
- 5E8E82
Chlorite
- 867CA0
≈ Second Pour
- 9D7B62
≈ Cowgirl Boots
분열 보색 +150° +210°
- 5E8E82
Chlorite
- 957794
≈ Vestige
- A27671
≈ Burlwood
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.70:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.66:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--chlorite: #5e8e82;
--chlorite-rgb: 94 142 130;
--chlorite-oklch: oklch(0.609 0.055 176.9);
}
.element {
color: var(--chlorite);
background-color: hsl(165 20% 46%);
border-color: oklch(0.609 0.055 176.9);
}Tailwind CSS v4
@theme {
--color-chlorite: #5e8e82;
--color-chlorite-50: #e5fbf5;
--color-chlorite-100: #d5eee8;
--color-chlorite-200: #bcdcd4;
--color-chlorite-300: #9ac1b8;
--color-chlorite-400: #7baa9e;
--color-chlorite-500: #5d9385;
--color-chlorite-600: #4f7c71;
--color-chlorite-700: #3f635a;
--color-chlorite-800: #2d4941;
--color-chlorite-900: #1f322d;
--color-chlorite-950: #0e1e1a;
}SCSS
$chlorite: #5e8e82;
$chlorite-rgb: 94, 142, 130;
$chlorite-light: mix(#fff, $chlorite, 20%);
$chlorite-dark: mix(#000, $chlorite, 20%);
.element {
color: $chlorite;
box-shadow: 0 0 0 2px rgba($chlorite, 0.35);
}