Colore con nome · #5692B2
Vanity
Vanity è #5692B2: rgb(86 146 178), hsl(201 37% 52%), oklch(0.632 0.079 233.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Vanity color name →
#5692B2
oklch(0.632 0.079 233.2)
Conversioni di colore
- HEX
- #5692b2
- RGB
- rgb(86 146 178)
- HSL
- hsl(201 37% 52%)
- HWB
- hwb(201 34% 30%)
- OKLCH
- oklch(0.632 0.079 233.2)
- OKLab
- oklab(0.632 -0.047 -0.063)
- CIE Lab
- lab(57.44 -13.37 -23.24)
- LCH
- lch(57.44 26.81 240.1)
- CMYK
- cmyk(52% 18% 0% 30%)
Tinte · Ombre · Toni
Tinte
- 679DBA
- 78A7C1
- 89B2C9
- 9ABDD1
- ABC8D9
- BBD3E0
- CCDEE8
- DDE9F0
- EEF4F7
Ombre
- 4A7E9A
- 3E6B83
- 32586D
- 274657
- 1C3543
- 12252F
- 08161D
- 02080C
- 000101
Toni
- 5B90AD
- 618FA8
- 658DA3
- 6A8B9E
- 6E8999
- 728894
- 76868F
- 79848A
- 7D8285
Armonie di colore
Complementare +180°
- 5692B2
Vanity
- B07C5C
≈ Dwarf Pony
Analogo -30° +30°
- 5692B2
Vanity
- 47989F
≈ Water Carrier
- 718ABA
≈ Debutante Ball
Triadico +120° +240°
- 5692B2
Vanity
- B0768E
≈ Cipher
- 898F56
≈ Crocodile Smile
Complementare divisa +150° +210°
- 5692B2
Vanity
- B57773
≈ Earth Rose
- A18650
≈ Greek Olive
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.41:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.15:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.15:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--vanity: #5692b2;
--vanity-rgb: 86 146 178;
--vanity-oklch: oklch(0.632 0.079 233.2);
}
.element {
color: var(--vanity);
background-color: hsl(201 37% 52%);
border-color: oklch(0.632 0.079 233.2);
}Tailwind CSS v4
@theme {
--color-vanity: #5692b2;
--color-vanity-50: #e0f9ff;
--color-vanity-100: #d0edff;
--color-vanity-200: #b5daf2;
--color-vanity-300: #90bfda;
--color-vanity-400: #6ea7c6;
--color-vanity-500: #4b8fb2;
--color-vanity-600: #417996;
--color-vanity-700: #346179;
--color-vanity-800: #234759;
--color-vanity-900: #17313e;
--color-vanity-950: #081d27;
}SCSS
$vanity: #5692b2;
$vanity-rgb: 86, 146, 178;
$vanity-light: mix(#fff, $vanity, 20%);
$vanity-dark: mix(#000, $vanity, 20%);
.element {
color: $vanity;
box-shadow: 0 0 0 2px rgba($vanity, 0.35);
}