Nazwany kolor · #2E5767
Deep Loch
Deep Loch to #2E5767: rgb(46 87 103), hsl(197 38% 29%), oklch(0.434 0.053 225.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Deep Loch color name →
#2E5767
oklch(0.434 0.053 225.5)
Konwersje koloru
- HEX
- #2e5767
- RGB
- rgb(46 87 103)
- HSL
- hsl(197 38% 29%)
- HWB
- hwb(197 18% 60%)
- OKLCH
- oklch(0.434 0.053 225.5)
- OKLab
- oklab(0.434 -0.037 -0.038)
- CIE Lab
- lab(34.52 -11.18 -13.96)
- LCH
- lch(34.52 17.88 231.3)
- CMYK
- cmyk(55% 16% 0% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 426675
- 567684
- 6A8692
- 7E97A1
- 93A8B0
- A8B8C0
- BDCACF
- D3DBDF
- E9EDEF
Odcienie ciemniejsze
- 274B59
- 1F3E4B
- 18333D
- 122730
- 0B1C23
- 061217
- 02080C
- 010304
- 000000
Tony
- 375B6A
- 405F6C
- 48636F
- 506771
- 586C74
- 607076
- 687479
- 70787B
- 787C7E
Harmonie kolorów
Komplementarna +180°
- 2E5767
Deep Loch
- 6A4838
≈ Satin Soil
Analogowa -30° +30°
- 2E5767
Deep Loch
- 295A5A
≈ Bayberry
- 3D526E
≈ Plaudit
Triada +120° +240°
- 2E5767
Deep Loch
- 664557
≈ Plum Harvest
- 55532F
≈ Warplock Bronze
Komplementarna rozszczepiona +150° +210°
- 2E5767
Deep Loch
- 6B4547
≈ Moroccan Leather
- 624D2F
≈ Jungle Beat
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.84:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.67:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.84:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--deep-loch: #2e5767;
--deep-loch-rgb: 46 87 103;
--deep-loch-oklch: oklch(0.434 0.053 225.5);
}
.element {
color: var(--deep-loch);
background-color: hsl(197 38% 29%);
border-color: oklch(0.434 0.053 225.5);
}Tailwind CSS v4
@theme {
--color-deep-loch: #2e5767;
--color-deep-loch-50: #e6f9ff;
--color-deep-loch-100: #d6ecf6;
--color-deep-loch-200: #bed9e6;
--color-deep-loch-300: #9cbdcd;
--color-deep-loch-400: #7da6b6;
--color-deep-loch-500: #5f8ea1;
--color-deep-loch-600: #517888;
--color-deep-loch-700: #40606d;
--color-deep-loch-800: #2e4750;
--color-deep-loch-900: #1f3138;
--color-deep-loch-950: #0e1d22;
}SCSS
$deep-loch: #2e5767;
$deep-loch-rgb: 46, 87, 103;
$deep-loch-light: mix(#fff, $deep-loch, 20%);
$deep-loch-dark: mix(#000, $deep-loch, 20%);
.element {
color: $deep-loch;
box-shadow: 0 0 0 2px rgba($deep-loch, 0.35);
}