Colore con nome · #164975
Linear
Linear è #164975: rgb(22 73 117), hsl(208 68% 27%), oklch(0.395 0.092 248.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Linear color name →
#164975
oklch(0.395 0.092 248.7)
Conversioni di colore
- HEX
- #164975
- RGB
- rgb(22 73 117)
- HSL
- hsl(208 68% 27%)
- HWB
- hwb(208 9% 54%)
- OKLCH
- oklch(0.395 0.092 248.7)
- OKLab
- oklab(0.395 -0.033 -0.085)
- CIE Lab
- lab(29.5 -4.09 -30.57)
- LCH
- lch(29.5 30.84 262.4)
- CMYK
- cmyk(81% 38% 0% 54%)
Tinte · Ombre · Toni
Tinte
- 2F5A83
- 456B90
- 5B7D9E
- 728FAC
- 88A1B9
- 9FB3C7
- B6C6D5
- CED9E3
- E6ECF1
Ombre
- 123E65
- 0D3455
- 092A46
- 062037
- 031729
- 020E1C
- 01060F
- 000205
- 000001
Toni
- 234F77
- 2F5478
- 3A5A79
- 44607B
- 4E657C
- 586B7D
- 62707E
- 6C757F
- 767B7F
Armonie di colore
Complementare +180°
- 164975
Linear
- 643C00
≈ Brown
Analogo -30° +30°
- 164975
Linear
- 004F60
≈ Raging Thunderstorm
- 3C4076
≈ Hot Sauna
Triadico +120° +240°
- 164975
Linear
- 6E2E3C
≈ Chestnut Red
- 374F11
≈ Godzilla
Complementare divisa +150° +210°
- 164975
Linear
- 6F321E
≈ Pueblo
- 524600
≈ Sugarloaf Brown
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.35:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.24:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.35:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--linear: #164975;
--linear-rgb: 22 73 117;
--linear-oklch: oklch(0.395 0.092 248.7);
}
.element {
color: var(--linear);
background-color: hsl(208 68% 27%);
border-color: oklch(0.395 0.092 248.7);
}Tailwind CSS v4
@theme {
--color-linear: #164975;
--color-linear-50: #e2f8ff;
--color-linear-100: #d2ebff;
--color-linear-200: #b8d8fb;
--color-linear-300: #95bbe5;
--color-linear-400: #73a3d2;
--color-linear-500: #538bc0;
--color-linear-600: #4775a2;
--color-linear-700: #385e82;
--color-linear-800: #264560;
--color-linear-900: #1a3044;
--color-linear-950: #0a1c2c;
}SCSS
$linear: #164975;
$linear-rgb: 22, 73, 117;
$linear-light: mix(#fff, $linear, 20%);
$linear-dark: mix(#000, $linear, 20%);
.element {
color: $linear;
box-shadow: 0 0 0 2px rgba($linear, 0.35);
}