Nazwany kolor · #155084
Lake Baikal
Lake Baikal to #155084: rgb(21 80 132), hsl(208 73% 30%), oklch(0.423 0.105 249.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Lake Baikal color name →
#155084
oklch(0.423 0.105 249.8)
Konwersje koloru
- HEX
- #155084
- RGB
- rgb(21 80 132)
- HSL
- hsl(208 73% 30%)
- HWB
- hwb(208 8% 48%)
- OKLCH
- oklch(0.423 0.105 249.8)
- OKLab
- oklab(0.423 -0.036 -0.098)
- CIE Lab
- lab(32.52 -3.39 -35.09)
- LCH
- lch(32.52 35.25 264.5)
- CMYK
- cmyk(84% 39% 0% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2F6190
- 46729D
- 5D83A9
- 7394B6
- 8AA5C2
- A0B7CE
- B7C8DA
- CFDAE7
- E7EDF3
Odcienie ciemniejsze
- 114472
- 0C3960
- 082E4F
- 05243F
- 031A2F
- 021020
- 010712
- 000206
- 000001
Tony
- 245584
- 305A84
- 3B5F84
- 456484
- 4F6984
- 596E83
- 637283
- 6D7782
- 767C81
Harmonie kolorów
Komplementarna +180°
- 155084
Lake Baikal
- 6D4300
≈ Violin Brown
Analogowa -30° +30°
- 155084
Lake Baikal
- 00576A
≈ Sea Creature
- 434585
≈ Queen of the Night Shift
Triada +120° +240°
- 155084
Lake Baikal
- 7C3141
≈ Rhododendron
- 3A580E
≈ Lustrian Undergrowth
Komplementarna rozszczepiona +150° +210°
- 155084
Lake Baikal
- 7C361D
≈ Bootstrap Leather
- 594E00
≈ Scorzonera Brown
Tetrada +90° +180° +270°
- 155084
Lake Baikal
- 723460
≈ Grape
- 6D4300
≈ Violin Brown
- 005D3B
≈ Spruce
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.35:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.51:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.35:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--lake-baikal: #155084;
--lake-baikal-rgb: 21 80 132;
--lake-baikal-oklch: oklch(0.423 0.105 249.8);
}
.element {
color: var(--lake-baikal);
background-color: hsl(208 73% 30%);
border-color: oklch(0.423 0.105 249.8);
}Tailwind CSS v4
@theme {
--color-lake-baikal: #155084;
--color-lake-baikal-50: #e0f8ff;
--color-lake-baikal-100: #cfebff;
--color-lake-baikal-200: #b4d8ff;
--color-lake-baikal-300: #90bbec;
--color-lake-baikal-400: #6da3da;
--color-lake-baikal-500: #4b8ac8;
--color-lake-baikal-600: #4075a9;
--color-lake-baikal-700: #335e88;
--color-lake-baikal-800: #224565;
--color-lake-baikal-900: #173047;
--color-lake-baikal-950: #071c2e;
}SCSS
$lake-baikal: #155084;
$lake-baikal-rgb: 21, 80, 132;
$lake-baikal-light: mix(#fff, $lake-baikal, 20%);
$lake-baikal-dark: mix(#000, $lake-baikal, 20%);
.element {
color: $lake-baikal;
box-shadow: 0 0 0 2px rgba($lake-baikal, 0.35);
}