Colore con nome · #155084
Lake Baikal
Lake Baikal è #155084: rgb(21 80 132), hsl(208 73% 30%), oklch(0.423 0.105 249.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Lake Baikal color name →
#155084
oklch(0.423 0.105 249.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 2F6190
- 46729D
- 5D83A9
- 7394B6
- 8AA5C2
- A0B7CE
- B7C8DA
- CFDAE7
- E7EDF3
Ombre
- 114472
- 0C3960
- 082E4F
- 05243F
- 031A2F
- 021020
- 010712
- 000206
- 000001
Toni
- 245584
- 305A84
- 3B5F84
- 456484
- 4F6984
- 596E83
- 637283
- 6D7782
- 767C81
Armonie di colore
Complementare +180°
- 155084
Lake Baikal
- 6D4300
≈ Violin Brown
Analogo -30° +30°
- 155084
Lake Baikal
- 00576A
≈ Sea Creature
- 434585
≈ Queen of the Night Shift
Triadico +120° +240°
- 155084
Lake Baikal
- 7C3141
≈ Rhododendron
- 3A580E
≈ Lustrian Undergrowth
Complementare divisa +150° +210°
- 155084
Lake Baikal
- 7C361D
≈ Bootstrap Leather
- 594E00
≈ Scorzonera Brown
Tetradico +90° +180° +270°
- 155084
Lake Baikal
- 723460
≈ Grape
- 6D4300
≈ Violin Brown
- 005D3B
≈ Spruce
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.35:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.51:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.35:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
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);
}