이름 색상 · #439E8D
Dioptase Green
Dioptase Green은(는) #439E8D: rgb(67 158 141), hsl(169 40% 44%), oklch(0.639 0.091 179). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Dioptase Green color name →
#439E8D
oklch(0.639 0.091 179)
색상 변환
- HEX
- #439e8d
- RGB
- rgb(67 158 141)
- HSL
- hsl(169 40% 44%)
- HWB
- hwb(169 26% 38%)
- OKLCH
- oklch(0.639 0.091 179)
- OKLab
- oklab(0.639 -0.091 0.002)
- CIE Lab
- lab(59.32 -31.54 0.33)
- LCH
- lch(59.32 31.54 179.4)
- CMYK
- cmyk(58% 0% 11% 38%)
틴트 · 셰이드 · 톤
틴트
- 59A898
- 6DB1A3
- 81BBAE
- 93C4B9
- A5CEC4
- B7D8D0
- C9E2DC
- DBEBE7
- EDF5F3
셰이드
- 39897A
- 2F7467
- 266055
- 1D4D44
- 143A33
- 0C2923
- 051814
- 010907
- 000101
톤
- 4D9B8C
- 55988A
- 5C9589
- 629288
- 688F86
- 6E8C85
- 738984
- 778683
- 7C8381
색 조화
보색 +180°
- 439E8D
Dioptase Green
- B9748B
≈ Strawberry Surprise
유사색 -30° +30°
- 439E8D
Dioptase Green
- 639B6E
≈ Leafy
- 3B9BAA
≈ Caribbean Cruise
삼각 배색 +120° +240°
- 439E8D
Dioptase Green
- 9380BC
≈ Bravo!
- B57E52
≈ Komodo Dragon
분열 보색 +150° +210°
- 439E8D
Dioptase Green
- AB78A7
≈ Victorian Violet
- BD766C
≈ November
사각 배색 +90° +180° +270°
- 439E8D
Dioptase Green
- 758AC4
≈ Hydrangea
- B9748B
≈ Strawberry Surprise
- A28947
≈ Ecru Olive
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.22:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.51:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.51:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--dioptase-green: #439e8d;
--dioptase-green-rgb: 67 158 141;
--dioptase-green-oklch: oklch(0.639 0.091 179);
}
.element {
color: var(--dioptase-green);
background-color: hsl(169 40% 44%);
border-color: oklch(0.639 0.091 179);
}Tailwind CSS v4
@theme {
--color-dioptase-green: #439e8d;
--color-dioptase-green-50: #dafef6;
--color-dioptase-green-100: #c8f2e9;
--color-dioptase-green-200: #aae2d6;
--color-dioptase-green-300: #82c7ba;
--color-dioptase-green-400: #5cb09f;
--color-dioptase-green-500: #2e9a87;
--color-dioptase-green-600: #2a8272;
--color-dioptase-green-700: #21685c;
--color-dioptase-green-800: #174d42;
--color-dioptase-green-900: #0f352d;
--color-dioptase-green-950: #02201a;
}SCSS
$dioptase-green: #439e8d;
$dioptase-green-rgb: 67, 158, 141;
$dioptase-green-light: mix(#fff, $dioptase-green, 20%);
$dioptase-green-dark: mix(#000, $dioptase-green, 20%);
.element {
color: $dioptase-green;
box-shadow: 0 0 0 2px rgba($dioptase-green, 0.35);
}