En yakın adlandırılmış renk · #006F66
#006F66
En yakın adlandırılmış renk: Pine Scented Lagoon
#006F66 (rgb(0 111 102), hsl(175 100% 22%), oklch(0.487 0.086 185.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.
#006F66
oklch(0.487 0.086 185.1)
Renk dönüşümleri
- HEX
- #006f66
- RGB
- rgb(0 111 102)
- HSL
- hsl(175 100% 22%)
- HWB
- hwb(175 0% 56%)
- OKLCH
- oklch(0.487 0.086 185.1)
- OKLab
- oklab(0.487 -0.085 -0.008)
- CIE Lab
- lab(41.53 -29.71 -3.07)
- LCH
- lch(41.53 29.87 185.9)
- CMYK
- cmyk(100% 0% 8% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2E7D74
- 498B82
- 619991
- 78A7A0
- 8EB5AF
- A4C4BF
- BBD2CF
- D1E1DE
- E8F0EF
Koyu tonlar
- 006058
- 00514A
- 00423C
- 00342F
- 002723
- 001A17
- 000E0C
- 000404
- 000100
Gri tonlar
- 207169
- 30736B
- 3D756E
- 497670
- 537873
- 5D7A75
- 667B78
- 6F7D7B
- 777F7D
Renk uyumları
Tamamlayıcı +180°
- 006F66
Pine Scented Lagoon
- 884A59
≈ Wine Not
Analog -30° +30°
- 006F66
Pine Scented Lagoon
- 326E4A
≈ Chopped Chive
- 016B7E
≈ Shinbashi Azure
Üçlü +120° +240°
- 006F66
Pine Scented Lagoon
- 6B5287
≈ Zimidar
- 815525
≈ Precious Copper
Bölünmüş tamamlayıcı +150° +210°
- 006F66
Pine Scented Lagoon
- 7D4C73
≈ Madder Magenta
- 894D3D
≈ Cherry Cola
Dörtlü +90° +180° +270°
- 006F66
Pine Scented Lagoon
- 525B90
≈ Berry Mix
- 884A59
≈ Wine Not
- 6F5F1D
≈ Hot Mustard
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.05:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.46:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--pine-scented-lagoon: #006f66;
--pine-scented-lagoon-rgb: 0 111 102;
--pine-scented-lagoon-oklch: oklch(0.487 0.086 185.1);
}
.element {
color: var(--pine-scented-lagoon);
background-color: hsl(175 100% 22%);
border-color: oklch(0.487 0.086 185.1);
}Tailwind CSS v4
@theme {
--color-pine-scented-lagoon: #006f66;
--color-pine-scented-lagoon-50: #dbfef9;
--color-pine-scented-lagoon-100: #c9f2ed;
--color-pine-scented-lagoon-200: #abe1da;
--color-pine-scented-lagoon-300: #83c6bf;
--color-pine-scented-lagoon-400: #5eafa5;
--color-pine-scented-lagoon-500: #31988e;
--color-pine-scented-lagoon-600: #2c8178;
--color-pine-scented-lagoon-700: #236760;
--color-pine-scented-lagoon-800: #184c45;
--color-pine-scented-lagoon-900: #103530;
--color-pine-scented-lagoon-950: #02201c;
}SCSS
$pine-scented-lagoon: #006f66;
$pine-scented-lagoon-rgb: 0, 111, 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);
}