Colore con nome · #589489
Thermal Spring
Thermal Spring è #589489: rgb(88 148 137), hsl(169 25% 46%), oklch(0.622 0.065 181.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Thermal Spring color name →
#589489
oklch(0.622 0.065 181.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 699E94
- 7AA99F
- 8AB3AB
- 9BBEB7
- ABC9C2
- BCD3CE
- CDDEDA
- DDE9E6
- EEF4F3
Ombre
- 4B8076
- 3F6D64
- 335A53
- 284842
- 1D3631
- 122622
- 091614
- 030807
- 000101
Toni
- 5D9288
- 629087
- 668E86
- 6B8C85
- 6F8A84
- 728884
- 768683
- 7A8482
- 7D8281
Armonie di colore
Complementare +180°
- 589489
Thermal Spring
- A87784
≈ Mauve Madness
Analogo -30° +30°
- 589489
Thermal Spring
- 6A9273
≈ Prickly Pear Cactus
- 55929D
≈ Teal Trinket
Triadico +120° +240°
- 589489
Thermal Spring
- 8D7EA8
≈ Violet Chalk
- A47E5E
≈ Café au Lait
Complementare divisa +150° +210°
- 589489
Thermal Spring
- 9E7999
≈ Screen Gem
- AB786F
≈ Rum Spice
Tetradico +90° +180° +270°
- 589489
Thermal Spring
- 7885AF
≈ Corsican Purple
- A87784
≈ Mauve Madness
- 958659
≈ Dash of Oregano
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.49:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.01:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 6.01:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
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);
}