Nazwany kolor · #589489
Thermal Spring
Thermal Spring to #589489: rgb(88 148 137), hsl(169 25% 46%), oklch(0.622 0.065 181.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Thermal Spring color name →
#589489
oklch(0.622 0.065 181.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 699E94
- 7AA99F
- 8AB3AB
- 9BBEB7
- ABC9C2
- BCD3CE
- CDDEDA
- DDE9E6
- EEF4F3
Odcienie ciemniejsze
- 4B8076
- 3F6D64
- 335A53
- 284842
- 1D3631
- 122622
- 091614
- 030807
- 000101
Tony
- 5D9288
- 629087
- 668E86
- 6B8C85
- 6F8A84
- 728884
- 768683
- 7A8482
- 7D8281
Harmonie kolorów
Komplementarna +180°
- 589489
Thermal Spring
- A87784
≈ Mauve Madness
Analogowa -30° +30°
- 589489
Thermal Spring
- 6A9273
≈ Prickly Pear Cactus
- 55929D
≈ Teal Trinket
Triada +120° +240°
- 589489
Thermal Spring
- 8D7EA8
≈ Violet Chalk
- A47E5E
≈ Café au Lait
Komplementarna rozszczepiona +150° +210°
- 589489
Thermal Spring
- 9E7999
≈ Screen Gem
- AB786F
≈ Rum Spice
Tetrada +90° +180° +270°
- 589489
Thermal Spring
- 7885AF
≈ Corsican Purple
- A87784
≈ Mauve Madness
- 958659
≈ Dash of Oregano
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.49:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.01:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 6.01:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
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);
}