En yakın adlandırılmış renk · #006E67
#006E67
En yakın adlandırılmış renk: Pine Scented Lagoon
#006E67 (rgb(0 110 103), hsl(176 100% 22%), oklch(0.485 0.085 187.1)) 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.
#006E67
oklch(0.485 0.085 187.1)
Renk dönüşümleri
- HEX
- #006e67
- RGB
- rgb(0 110 103)
- HSL
- hsl(176 100% 22%)
- HWB
- hwb(176 0% 57%)
- OKLCH
- oklch(0.485 0.085 187.1)
- OKLab
- oklab(0.485 -0.084 -0.011)
- CIE Lab
- lab(41.22 -29.04 -4.13)
- LCH
- lch(41.22 29.34 188.1)
- CMYK
- cmyk(100% 0% 6% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2E7C75
- 498A83
- 619892
- 77A6A1
- 8EB5B0
- A4C3BF
- BBD2CF
- D1E1DF
- E8F0EF
Koyu tonlar
- 005F59
- 00504B
- 00413D
- 003330
- 002623
- 001917
- 000E0C
- 000404
- 000100
Gri tonlar
- 1F7069
- 30726C
- 3D746E
- 487671
- 537873
- 5C7976
- 667B78
- 6F7D7B
- 777E7D
Renk uyumları
Tamamlayıcı +180°
- 006E67
Pine Scented Lagoon
- 874956
≈ Wine Not
Analog -30° +30°
- 006E67
Pine Scented Lagoon
- 2F6D4B
≈ Chopped Chive
- 086A7E
≈ Porpoise Place
Üçlü +120° +240°
- 006E67
Pine Scented Lagoon
- 6C5184
≈ Zimidar
- 7F5524
≈ Arable Brown
Bölünmüş tamamlayıcı +150° +210°
- 006E67
Pine Scented Lagoon
- 7D4B70
≈ Madder Magenta
- 884D3B
≈ Wiener Dog
Dörtlü +90° +180° +270°
- 006E67
Pine Scented Lagoon
- 535A8E
≈ Berry Mix
- 874956
≈ Wine Not
- 6C5F1E
≈ Greenish Brown
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.12:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.42:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.12:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--pine-scented-lagoon: #006e67;
--pine-scented-lagoon-rgb: 0 110 103;
--pine-scented-lagoon-oklch: oklch(0.485 0.085 187.1);
}
.element {
color: var(--pine-scented-lagoon);
background-color: hsl(176 100% 22%);
border-color: oklch(0.485 0.085 187.1);
}Tailwind CSS v4
@theme {
--color-pine-scented-lagoon: #006e67;
--color-pine-scented-lagoon-50: #dbfefa;
--color-pine-scented-lagoon-100: #c9f2ee;
--color-pine-scented-lagoon-200: #abe0dc;
--color-pine-scented-lagoon-300: #84c6c0;
--color-pine-scented-lagoon-400: #5eafa7;
--color-pine-scented-lagoon-500: #329890;
--color-pine-scented-lagoon-600: #2d8179;
--color-pine-scented-lagoon-700: #246761;
--color-pine-scented-lagoon-800: #184c46;
--color-pine-scented-lagoon-900: #103531;
--color-pine-scented-lagoon-950: #02201d;
}SCSS
$pine-scented-lagoon: #006e67;
$pine-scented-lagoon-rgb: 0, 110, 103;
$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);
}