En yakın adlandırılmış renk · #277068
#277068
En yakın adlandırılmış renk: Pine Scented Lagoon
#277068 (rgb(39 112 104), hsl(173 48% 30%), oklch(0.498 0.073 185)) 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.
#277068
oklch(0.498 0.073 185)
Renk dönüşümleri
- HEX
- #277068
- RGB
- rgb(39 112 104)
- HSL
- hsl(173 48% 30%)
- HWB
- hwb(173 15% 56%)
- OKLCH
- oklch(0.498 0.073 185)
- OKLab
- oklab(0.498 -0.072 -0.006)
- CIE Lab
- lab(42.62 -24.99 -2.58)
- LCH
- lch(42.62 25.12 185.9)
- CMYK
- cmyk(65% 0% 7% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 407E76
- 568B84
- 6B9993
- 80A7A1
- 95B6B0
- AAC4C0
- BFD2CF
- D4E1DF
- E9F0EF
Koyu tonlar
- 206059
- 1A514B
- 14433E
- 0E3530
- 082724
- 041A18
- 020E0C
- 010404
- 000100
Gri tonlar
- 34726A
- 3E736D
- 48756F
- 517772
- 597874
- 627A76
- 697C79
- 717D7B
- 797F7E
Renk uyumları
Tamamlayıcı +180°
- 277068
Pine Scented Lagoon
- 86515D
≈ Crushed Berry
Analog -30° +30°
- 277068
Pine Scented Lagoon
- 3E6F50
≈ Fairway
- 276D7C
≈ Billabong
Üçlü +120° +240°
- 277068
Pine Scented Lagoon
- 6C5884
≈ Mystical
- 7F5A34
≈ Rubber
Bölünmüş tamamlayıcı +150° +210°
- 277068
Pine Scented Lagoon
- 7C5373
≈ Opulent Ostrich
- 875346
≈ Red Hook
Dörtlü +90° +180° +270°
- 277068
Pine Scented Lagoon
- 565F8C
≈ Karmic Grape
- 86515D
≈ Crushed Berry
- 70622F
≈ Himalaya
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.82:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.60:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.82:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--pine-scented-lagoon: #277068;
--pine-scented-lagoon-rgb: 39 112 104;
--pine-scented-lagoon-oklch: oklch(0.498 0.073 185);
}
.element {
color: var(--pine-scented-lagoon);
background-color: hsl(173 48% 30%);
border-color: oklch(0.498 0.073 185);
}Tailwind CSS v4
@theme {
--color-pine-scented-lagoon: #277068;
--color-pine-scented-lagoon-50: #dffcf8;
--color-pine-scented-lagoon-100: #cef0ec;
--color-pine-scented-lagoon-200: #b2dfd9;
--color-pine-scented-lagoon-300: #8dc4bd;
--color-pine-scented-lagoon-400: #6bada4;
--color-pine-scented-lagoon-500: #46968c;
--color-pine-scented-lagoon-600: #3d7f77;
--color-pine-scented-lagoon-700: #30665f;
--color-pine-scented-lagoon-800: #224b45;
--color-pine-scented-lagoon-900: #17342f;
--color-pine-scented-lagoon-950: #071f1c;
}SCSS
$pine-scented-lagoon: #277068;
$pine-scented-lagoon-rgb: 39, 112, 104;
$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);
}