Couleur nommée la plus proche · #1E6B66
#1E6B66
Couleur nommée la plus proche: Pine Scented Lagoon
#1E6B66 (rgb(30 107 102), hsl(176 56% 27%), oklch(0.481 0.073 188.7)) est la plus proche de la couleur nommée Pine Scented Lagoon. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1E6B66
oklch(0.481 0.073 188.7)
Conversions de couleur
- HEX
- #1e6b66
- RGB
- rgb(30 107 102)
- HSL
- hsl(176 56% 27%)
- HWB
- hwb(176 12% 58%)
- OKLCH
- oklch(0.481 0.073 188.7)
- OKLab
- oklab(0.481 -0.072 -0.011)
- CIE Lab
- lab(40.63 -24.85 -4.33)
- LCH
- lch(40.63 25.22 189.9)
- CMYK
- cmyk(72% 0% 5% 58%)
Teintes · Ombres · Tons
Teintes
- 3A7974
- 518783
- 679691
- 7CA4A0
- 91B3AF
- A7C2BF
- BDD1CF
- D3E0DE
- E9EFEF
Ombres
- 195C58
- 134E4A
- 0E3F3C
- 09322F
- 052523
- 031817
- 010D0C
- 000404
- 000000
Tons
- 2D6D69
- 396F6B
- 44726E
- 4D7470
- 567673
- 5F7876
- 687A78
- 707C7B
- 787E7D
Harmonies de couleurs
Complémentaire +180°
- 1E6B66
Pine Scented Lagoon
- 814C55
≈ Rouge Charm
Analogue -30° +30°
- 1E6B66
Pine Scented Lagoon
- 366A4E
≈ Spirulina
- 22687A
≈ Jester Blue
Triadique +120° +240°
- 1E6B66
Pine Scented Lagoon
- 6A527D
≈ Virtual Violet
- 79562D
≈ Arable Brown
Complémentaire divisée +150° +210°
- 1E6B66
Pine Scented Lagoon
- 794D6C
≈ Brocade Violet
- 814F3F
≈ Red Chipotle
Tétradique +90° +180° +270°
- 1E6B66
Pine Scented Lagoon
- 555987
≈ Wild Elderberry
- 814C55
≈ Rouge Charm
- 685E2A
≈ Saguaro
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.26:1 · APCA Lc 81
Ag
FailSur noir
WCAG 3.35:1 · APCA Lc 21
Meilleure couleur de texte: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
Extraits de code
CSS
:root {
--pine-scented-lagoon: #1e6b66;
--pine-scented-lagoon-rgb: 30 107 102;
--pine-scented-lagoon-oklch: oklch(0.481 0.073 188.7);
}
.element {
color: var(--pine-scented-lagoon);
background-color: hsl(176 56% 27%);
border-color: oklch(0.481 0.073 188.7);
}Tailwind CSS v4
@theme {
--color-pine-scented-lagoon: #1e6b66;
--color-pine-scented-lagoon-50: #dffcfa;
--color-pine-scented-lagoon-100: #cdf0ed;
--color-pine-scented-lagoon-200: #b1dfdb;
--color-pine-scented-lagoon-300: #8cc4c0;
--color-pine-scented-lagoon-400: #69ada7;
--color-pine-scented-lagoon-500: #449690;
--color-pine-scented-lagoon-600: #3b7f7a;
--color-pine-scented-lagoon-700: #2f6561;
--color-pine-scented-lagoon-800: #214b46;
--color-pine-scented-lagoon-900: #163431;
--color-pine-scented-lagoon-950: #061f1d;
}SCSS
$pine-scented-lagoon: #1e6b66;
$pine-scented-lagoon-rgb: 30, 107, 102;
$pine-scented-lagoon-light: mix(#fff, $pine-scented-lagoon, 20%);
$pine-scented-lagoon-dark: mix(#000, $pine-scented-lagoon, 20%);
.element {
color: $pine-scented-lagoon;
box-shadow: 0 0 0 2px rgba($pine-scented-lagoon, 0.35);
}