이름 색상 · #589489
Thermal Spring
Thermal Spring은(는) #589489: rgb(88 148 137), hsl(169 25% 46%), oklch(0.622 0.065 181.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Thermal Spring color name →
#589489
oklch(0.622 0.065 181.1)
색상 변환
- HEX
- #589489
- RGB
- rgb(88 148 137)
- HSL
- hsl(169 25% 46%)
- HWB
- hwb(169 35% 42%)
- OKLCH
- oklch(0.622 0.065 181.1)
- OKLab
- oklab(0.622 -0.065 -0.001)
- CIE Lab
- lab(56.99 -22.46 -0.64)
- LCH
- lch(56.99 22.47 181.6)
- CMYK
- cmyk(41% 0% 7% 42%)
틴트 · 셰이드 · 톤
틴트
- 699E94
- 7AA99F
- 8AB3AB
- 9BBEB7
- ABC9C2
- BCD3CE
- CDDEDA
- DDE9E6
- EEF4F3
셰이드
- 4B8076
- 3F6D64
- 335A53
- 284842
- 1D3631
- 122622
- 091614
- 030807
- 000101
톤
- 5D9288
- 629087
- 668E86
- 6B8C85
- 6F8A84
- 728884
- 768683
- 7A8482
- 7D8281
색 조화
보색 +180°
- 589489
Thermal Spring
- A87784
≈ Mauve Madness
유사색 -30° +30°
- 589489
Thermal Spring
- 6A9273
≈ Prickly Pear Cactus
- 55929D
≈ Teal Trinket
삼각 배색 +120° +240°
- 589489
Thermal Spring
- 8D7EA8
≈ Violet Chalk
- A47E5E
≈ Café au Lait
분열 보색 +150° +210°
- 589489
Thermal Spring
- 9E7999
≈ Screen Gem
- AB786F
≈ Rum Spice
사각 배색 +90° +180° +270°
- 589489
Thermal Spring
- 7885AF
≈ Corsican Purple
- A87784
≈ Mauve Madness
- 958659
≈ Dash of Oregano
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.49:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.01:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 6.01:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--thermal-spring: #589489;
--thermal-spring-rgb: 88 148 137;
--thermal-spring-oklch: oklch(0.622 0.065 181.1);
}
.element {
color: var(--thermal-spring);
background-color: hsl(169 25% 46%);
border-color: oklch(0.622 0.065 181.1);
}Tailwind CSS v4
@theme {
--color-thermal-spring: #589489;
--color-thermal-spring-50: #e2fcf7;
--color-thermal-spring-100: #d1efea;
--color-thermal-spring-200: #b7ded7;
--color-thermal-spring-300: #93c3ba;
--color-thermal-spring-400: #72aba1;
--color-thermal-spring-500: #519589;
--color-thermal-spring-600: #457e74;
--color-thermal-spring-700: #37655c;
--color-thermal-spring-800: #274a43;
--color-thermal-spring-900: #1a332e;
--color-thermal-spring-950: #0a1f1b;
}SCSS
$thermal-spring: #589489;
$thermal-spring-rgb: 88, 148, 137;
$thermal-spring-light: mix(#fff, $thermal-spring, 20%);
$thermal-spring-dark: mix(#000, $thermal-spring, 20%);
.element {
color: $thermal-spring;
box-shadow: 0 0 0 2px rgba($thermal-spring, 0.35);
}