En yakın adlandırılmış renk · #1E6B66
#1E6B66
En yakın adlandırılmış renk: Pine Scented Lagoon
#1E6B66 (rgb(30 107 102), hsl(176 56% 27%), oklch(0.481 0.073 188.7)) en çok Pine Scented Lagoon adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#1E6B66
oklch(0.481 0.073 188.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3A7974
- 518783
- 679691
- 7CA4A0
- 91B3AF
- A7C2BF
- BDD1CF
- D3E0DE
- E9EFEF
Koyu tonlar
- 195C58
- 134E4A
- 0E3F3C
- 09322F
- 052523
- 031817
- 010D0C
- 000404
- 000000
Gri tonlar
- 2D6D69
- 396F6B
- 44726E
- 4D7470
- 567673
- 5F7876
- 687A78
- 707C7B
- 787E7D
Renk uyumları
Tamamlayıcı +180°
- 1E6B66
Pine Scented Lagoon
- 814C55
≈ Rouge Charm
Analog -30° +30°
- 1E6B66
Pine Scented Lagoon
- 366A4E
≈ Spirulina
- 22687A
≈ Jester Blue
Üçlü +120° +240°
- 1E6B66
Pine Scented Lagoon
- 6A527D
≈ Virtual Violet
- 79562D
≈ Arable Brown
Bölünmüş tamamlayıcı +150° +210°
- 1E6B66
Pine Scented Lagoon
- 794D6C
≈ Brocade Violet
- 814F3F
≈ Red Chipotle
Dörtlü +90° +180° +270°
- 1E6B66
Pine Scented Lagoon
- 555987
≈ Wild Elderberry
- 814C55
≈ Rouge Charm
- 685E2A
≈ Saguaro
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.26:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.35:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
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);
}