Colore con nome · #527498
Trustee
Trustee è #527498: rgb(82 116 152), hsl(211 30% 46%), oklch(0.548 0.069 250.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Trustee color name →
#527498
oklch(0.548 0.069 250.6)
Conversioni di colore
- HEX
- #527498
- RGB
- rgb(82 116 152)
- HSL
- hsl(211 30% 46%)
- HWB
- hwb(211 32% 40%)
- OKLCH
- oklch(0.548 0.069 250.6)
- OKLab
- oklab(0.548 -0.023 -0.065)
- CIE Lab
- lab(47.37 -4.84 -23.69)
- LCH
- lch(47.37 24.18 258.5)
- CMYK
- cmyk(46% 24% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 6281A2
- 738FAC
- 849CB7
- 95AAC1
- A6B8CB
- B7C6D6
- C9D4E0
- DBE2EA
- EDF0F5
Ombre
- 466484
- 3B5470
- 2F455C
- 25374A
- 1A2938
- 111B27
- 080F17
- 020508
- 000101
Toni
- 577596
- 5C7794
- 607891
- 65798F
- 6A7A8D
- 6E7C8A
- 737D88
- 777E85
- 7C7F83
Armonie di colore
Complementare +180°
- 527498
Trustee
- 8B6A43
≈ Barrel Aged
Analogo -30° +30°
- 527498
Trustee
- 3E7A8D
≈ Blue Catch
- 696D99
≈ Campanula Purple
Triadico +120° +240°
- 527498
Trustee
- 946067
≈ Velveteen Crush
- 63794E
≈ Garden Club
Complementare divisa +150° +210°
- 527498
Trustee
- 946352
≈ Majolica Earthenware
- 7A7241
≈ Fern Shade
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.87:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.31:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.87:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--trustee: #527498;
--trustee-rgb: 82 116 152;
--trustee-oklch: oklch(0.548 0.069 250.6);
}
.element {
color: var(--trustee);
background-color: hsl(211 30% 46%);
border-color: oklch(0.548 0.069 250.6);
}Tailwind CSS v4
@theme {
--color-trustee: #527498;
--color-trustee-50: #e8f7ff;
--color-trustee-100: #d8eaff;
--color-trustee-200: #c0d7f2;
--color-trustee-300: #9fbada;
--color-trustee-400: #80a2c6;
--color-trustee-500: #638ab2;
--color-trustee-600: #547597;
--color-trustee-700: #435d79;
--color-trustee-800: #2f4459;
--color-trustee-900: #202f3e;
--color-trustee-950: #0f1c28;
}SCSS
$trustee: #527498;
$trustee-rgb: 82, 116, 152;
$trustee-light: mix(#fff, $trustee, 20%);
$trustee-dark: mix(#000, $trustee, 20%);
.element {
color: $trustee;
box-shadow: 0 0 0 2px rgba($trustee, 0.35);
}