Colore con nome · #38546E
Albeit
Albeit è #38546E: rgb(56 84 110), hsl(209 33% 33%), oklch(0.435 0.055 247.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Albeit color name →
#38546E
oklch(0.435 0.055 247.4)
Conversioni di colore
- HEX
- #38546e
- RGB
- rgb(56 84 110)
- HSL
- hsl(209 33% 33%)
- HWB
- hwb(209 22% 57%)
- OKLCH
- oklch(0.435 0.055 247.4)
- OKLab
- oklab(0.435 -0.021 -0.051)
- CIE Lab
- lab(34.36 -4.86 -18.5)
- LCH
- lch(34.36 19.13 255.3)
- CMYK
- cmyk(49% 24% 0% 57%)
Tinte · Ombre · Toni
Tinte
- 4A647C
- 5D748A
- 708498
- 8395A6
- 97A6B5
- ABB7C3
- BFC9D2
- D4DBE1
- E9EDF0
Ombre
- 2F485F
- 273C50
- 1F3141
- 172633
- 0F1B26
- 081119
- 04080E
- 010204
- 000001
Toni
- 3F5870
- 465D72
- 4E6174
- 556676
- 5C6A78
- 636E79
- 6A737B
- 72777D
- 797C7E
Armonie di colore
Complementare +180°
- 38546E
Albeit
- 664B2F
≈ Dallas
Analogo -30° +30°
- 38546E
Albeit
- 2A5965
≈ Petro Blue
- 4A4E6F
≈ Independence
Triadico +120° +240°
- 38546E
Albeit
- 6B444C
≈ Wine Stain
- 495736
≈ Chive
Complementare divisa +150° +210°
- 38546E
Albeit
- 6C463B
≈ Deep Cherrywood
- 59512D
≈ West Coast
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.89:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.66:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.89:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--albeit: #38546e;
--albeit-rgb: 56 84 110;
--albeit-oklch: oklch(0.435 0.055 247.4);
}
.element {
color: var(--albeit);
background-color: hsl(209 33% 33%);
border-color: oklch(0.435 0.055 247.4);
}Tailwind CSS v4
@theme {
--color-albeit: #38546e;
--color-albeit-50: #eaf7ff;
--color-albeit-100: #daeafa;
--color-albeit-200: #c3d7eb;
--color-albeit-300: #a3bad3;
--color-albeit-400: #85a2be;
--color-albeit-500: #698aa9;
--color-albeit-600: #59758f;
--color-albeit-700: #475d73;
--color-albeit-800: #324554;
--color-albeit-900: #222f3b;
--color-albeit-950: #111c25;
}SCSS
$albeit: #38546e;
$albeit-rgb: 56, 84, 110;
$albeit-light: mix(#fff, $albeit, 20%);
$albeit-dark: mix(#000, $albeit, 20%);
.element {
color: $albeit;
box-shadow: 0 0 0 2px rgba($albeit, 0.35);
}