أقرب لون مسمّى · #277068
#277068
أقرب لون مسمّى: Pine Scented Lagoon
#277068 (rgb(39 112 104)، hsl(173 48% 30%)، oklch(0.498 0.073 185)) أقرب إلى اللون المسمّى Pine Scented Lagoon. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#277068
oklch(0.498 0.073 185)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 407E76
- 568B84
- 6B9993
- 80A7A1
- 95B6B0
- AAC4C0
- BFD2CF
- D4E1DF
- E9F0EF
درجات داكنة
- 206059
- 1A514B
- 14433E
- 0E3530
- 082724
- 041A18
- 020E0C
- 010404
- 000100
درجات رمادية
- 34726A
- 3E736D
- 48756F
- 517772
- 597874
- 627A76
- 697C79
- 717D7B
- 797F7E
تناسق الألوان
متمم +180°
- 277068
Pine Scented Lagoon
- 86515D
≈ Crushed Berry
متجاور -30° +30°
- 277068
Pine Scented Lagoon
- 3E6F50
≈ Fairway
- 276D7C
≈ Billabong
ثلاثي +120° +240°
- 277068
Pine Scented Lagoon
- 6C5884
≈ Mystical
- 7F5A34
≈ Rubber
متمم منقسم +150° +210°
- 277068
Pine Scented Lagoon
- 7C5373
≈ Opulent Ostrich
- 875346
≈ Red Hook
رباعي +90° +180° +270°
- 277068
Pine Scented Lagoon
- 565F8C
≈ Karmic Grape
- 86515D
≈ Crushed Berry
- 70622F
≈ Himalaya
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.82:1 · APCA Lc 79
Ag
Failعلى الأسود
WCAG 3.60:1 · APCA Lc 23
أفضل لون للنص: #FFFFFF
WCAG 5.82:1 (AA) · APCA Lc 79
Contrast pairs
مقتطفات الأكواد
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);
}