가장 가까운 이름 색상 · #2D706C
#2D706C
가장 가까운 이름 색상: Deep Pool Teal
#2D706C(rgb(45 112 108), hsl(176 43% 31%), oklch(0.501 0.068 189.8))와 가장 가까운 이름 색상은 Deep Pool Teal입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2D706C
oklch(0.501 0.068 189.8)
색상 변환
- HEX
- #2d706c
- RGB
- rgb(45 112 108)
- HSL
- hsl(176 43% 31%)
- HWB
- hwb(176 18% 56%)
- OKLCH
- oklch(0.501 0.068 189.8)
- OKLab
- oklab(0.501 -0.067 -0.012)
- CIE Lab
- lab(42.93 -22.82 -4.5)
- LCH
- lch(42.93 23.26 191.2)
- CMYK
- cmyk(60% 0% 4% 56%)
틴트 · 셰이드 · 톤
틴트
- 447E7A
- 598B88
- 6E9996
- 82A7A4
- 97B5B3
- ABC4C2
- C0D2D1
- D5E1E0
- EAF0EF
셰이드
- 26605D
- 1F514E
- 184340
- 113532
- 0B2725
- 061A19
- 020E0D
- 010404
- 000100
톤
- 38726E
- 427370
- 4B7572
- 537774
- 5B7876
- 637A78
- 6A7C7A
- 727D7C
- 797F7E
색 조화
보색 +180°
- 2D706C
Deep Pool Teal
- 85535B
≈ So Merlot
유사색 -30° +30°
- 2D706C
Deep Pool Teal
- 3F7056
≈ Foliage Green
- 316D7E
≈ Kimberley Sea
삼각 배색 +120° +240°
- 2D706C
Deep Pool Teal
- 6F5981
≈ Mystical
- 7D5D37
≈ Japanese Iris
분열 보색 +150° +210°
- 2D706C
Deep Pool Teal
- 7E5470
≈ Magnificence
- 855646
≈ Red Hook
사각 배색 +90° +180° +270°
- 2D706C
Deep Pool Teal
- 5C5F8A
≈ Karmic Grape
- 85535B
≈ So Merlot
- 6D6535
≈ Jungle Civilization
대비 및 접근성
Ag
AA흰색 위
WCAG 5.76:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.64:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--deep-pool-teal: #2d706c;
--deep-pool-teal-rgb: 45 112 108;
--deep-pool-teal-oklch: oklch(0.501 0.068 189.8);
}
.element {
color: var(--deep-pool-teal);
background-color: hsl(176 43% 31%);
border-color: oklch(0.501 0.068 189.8);
}Tailwind CSS v4
@theme {
--color-deep-pool-teal: #2d706c;
--color-deep-pool-teal-50: #e0fcfa;
--color-deep-pool-teal-100: #cff0ed;
--color-deep-pool-teal-200: #b4dedb;
--color-deep-pool-teal-300: #8fc3c0;
--color-deep-pool-teal-400: #6eaca7;
--color-deep-pool-teal-500: #4b9590;
--color-deep-pool-teal-600: #407e7a;
--color-deep-pool-teal-700: #336561;
--color-deep-pool-teal-800: #244a47;
--color-deep-pool-teal-900: #183331;
--color-deep-pool-teal-950: #081f1d;
}SCSS
$deep-pool-teal: #2d706c;
$deep-pool-teal-rgb: 45, 112, 108;
$deep-pool-teal-light: mix(#fff, $deep-pool-teal, 20%);
$deep-pool-teal-dark: mix(#000, $deep-pool-teal, 20%);
.element {
color: $deep-pool-teal;
box-shadow: 0 0 0 2px rgba($deep-pool-teal, 0.35);
}