Nazwany kolor · #71ADB2
Smoky Mountain Spring
Smoky Mountain Spring to #71ADB2: rgb(113 173 178), hsl(185 30% 57%), oklch(0.709 0.062 202.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Smoky Mountain Spring color name →
#71ADB2
oklch(0.709 0.062 202.5)
Konwersje koloru
- HEX
- #71adb2
- RGB
- rgb(113 173 178)
- HSL
- hsl(185 30% 57%)
- HWB
- hwb(185 44% 30%)
- OKLCH
- oklch(0.709 0.062 202.5)
- OKLab
- oklab(0.709 -0.058 -0.024)
- CIE Lab
- lab(66.77 -19.24 -9.09)
- LCH
- lch(66.77 21.28 205.3)
- CMYK
- cmyk(37% 3% 0% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 80B5BA
- 8EBDC1
- 9CC5C9
- AACDD0
- B8D6D8
- C7DEE0
- D5E6E7
- E3EEEF
- F1F7F7
Odcienie ciemniejsze
- 61969A
- 527F83
- 436A6D
- 355557
- 274143
- 1A2D2F
- 0E1B1D
- 040B0C
- 010101
Tony
- 73A8AD
- 76A4A8
- 789FA3
- 799B9E
- 7B9699
- 7C9294
- 7D8D8F
- 7E898A
- 7F8485
Harmonie kolorów
Komplementarna +180°
- 71ADB2
Smoky Mountain Spring
- C5928F
≈ Floral Tapestry
Analogowa -30° +30°
- 71ADB2
Smoky Mountain Spring
- 78AE9D
≈ Dusty Jade Green
- 79A8C2
≈ Serene Sea
Triada +120° +240°
- 71ADB2
Smoky Mountain Spring
- B494B8
≈ Roseville
- B49E74
≈ King’s Ransom
Komplementarna rozszczepiona +150° +210°
- 71ADB2
Smoky Mountain Spring
- C191A5
≈ Light Mauve
- C1977D
≈ Brick Path
Tetrada +90° +180° +270°
- 71ADB2
Smoky Mountain Spring
- A29AC5
≈ Cosmo Purple
- C5928F
≈ Floral Tapestry
- A1A678
≈ Dill Grass
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.52:1 · APCA Lc 49
Ag
AAANa czerni
WCAG 8.32:1 · APCA Lc 53
Najlepszy kolor tekstu: #000000
WCAG 8.32:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmenty kodu
CSS
:root {
--smoky-mountain-spring: #71adb2;
--smoky-mountain-spring-rgb: 113 173 178;
--smoky-mountain-spring-oklch: oklch(0.709 0.062 202.5);
}
.element {
color: var(--smoky-mountain-spring);
background-color: hsl(185 30% 57%);
border-color: oklch(0.709 0.062 202.5);
}Tailwind CSS v4
@theme {
--color-smoky-mountain-spring: #71adb2;
--color-smoky-mountain-spring-50: #e2fbfd;
--color-smoky-mountain-spring-100: #d1eef2;
--color-smoky-mountain-spring-200: #b6dde1;
--color-smoky-mountain-spring-300: #92c1c6;
--color-smoky-mountain-spring-400: #71aaae;
--color-smoky-mountain-spring-500: #509398;
--color-smoky-mountain-spring-600: #447c81;
--color-smoky-mountain-spring-700: #366367;
--color-smoky-mountain-spring-800: #26494b;
--color-smoky-mountain-spring-900: #1a3334;
--color-smoky-mountain-spring-950: #0a1e20;
}SCSS
$smoky-mountain-spring: #71adb2;
$smoky-mountain-spring-rgb: 113, 173, 178;
$smoky-mountain-spring-light: mix(#fff, $smoky-mountain-spring, 20%);
$smoky-mountain-spring-dark: mix(#000, $smoky-mountain-spring, 20%);
.element {
color: $smoky-mountain-spring;
box-shadow: 0 0 0 2px rgba($smoky-mountain-spring, 0.35);
}