Nächste benannte Farbe · #1E6B66
#1E6B66
Nächste benannte Farbe: Pine Scented Lagoon
#1E6B66 (rgb(30 107 102), hsl(176 56% 27%), oklch(0.481 0.073 188.7)) liegt am nächsten an der benannten Farbe Pine Scented Lagoon. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#1E6B66
oklch(0.481 0.073 188.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 3A7974
- 518783
- 679691
- 7CA4A0
- 91B3AF
- A7C2BF
- BDD1CF
- D3E0DE
- E9EFEF
Shades
- 195C58
- 134E4A
- 0E3F3C
- 09322F
- 052523
- 031817
- 010D0C
- 000404
- 000000
Tones
- 2D6D69
- 396F6B
- 44726E
- 4D7470
- 567673
- 5F7876
- 687A78
- 707C7B
- 787E7D
Farbharmonien
Komplementär +180°
- 1E6B66
Pine Scented Lagoon
- 814C55
≈ Rouge Charm
Analog -30° +30°
- 1E6B66
Pine Scented Lagoon
- 366A4E
≈ Spirulina
- 22687A
≈ Jester Blue
Triadisch +120° +240°
- 1E6B66
Pine Scented Lagoon
- 6A527D
≈ Virtual Violet
- 79562D
≈ Arable Brown
Geteilt komplementär +150° +210°
- 1E6B66
Pine Scented Lagoon
- 794D6C
≈ Brocade Violet
- 814F3F
≈ Red Chipotle
Tetradisch +90° +180° +270°
- 1E6B66
Pine Scented Lagoon
- 555987
≈ Wild Elderberry
- 814C55
≈ Rouge Charm
- 685E2A
≈ Saguaro
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.26:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.35:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
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);
}