Colore con nome · #4F5F7E
Sapphire Earbobs
Sapphire Earbobs è #4F5F7E: rgb(79 95 126), hsl(220 23% 40%), oklch(0.485 0.054 263.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Sapphire Earbobs color name →
#4F5F7E
oklch(0.485 0.054 263.3)
Conversioni di colore
- HEX
- #4f5f7e
- RGB
- rgb(79 95 126)
- HSL
- hsl(220 23% 40%)
- HWB
- hwb(220 31% 51%)
- OKLCH
- oklch(0.485 0.054 263.3)
- OKLab
- oklab(0.485 -0.006 -0.054)
- CIE Lab
- lab(39.93 -0.04 -19.62)
- LCH
- lch(39.93 19.62 269.9)
- CMYK
- cmyk(37% 25% 0% 51%)
Tinte · Ombre · Toni
Tinte
- 5F6E8A
- 6F7D97
- 808CA4
- 919CB0
- A3ACBD
- B5BCCA
- C7CCD7
- D9DDE4
- ECEEF2
Ombre
- 44526D
- 38445C
- 2E384C
- 232C3C
- 19202D
- 10151F
- 070A11
- 020305
- 000001
Toni
- 54627E
- 59667F
- 5D697F
- 626C7F
- 677080
- 6C7380
- 717680
- 767980
- 7B7D80
Armonie di colore
Complementare +180°
- 4F5F7E
Sapphire Earbobs
- 6E5C3B
≈ Uniform Brown
Analogo -30° +30°
- 4F5F7E
Sapphire Earbobs
- 3F6479
≈ Mallard Blue
- 60597B
≈ Taylor
Triadico +120° +240°
- 4F5F7E
Sapphire Earbobs
- 7B5350
≈ Cranberry Red
- 4D674B
≈ Green Perennial
Complementare divisa +150° +210°
- 4F5F7E
Sapphire Earbobs
- 785742
≈ Wild Bill Brown
- 5F623E
≈ Wood’s Creek
Tetradico +90° +180° +270°
- 4F5F7E
Sapphire Earbobs
- 785261
≈ Passive Royal
- 6E5C3B
≈ Uniform Brown
- 3D695C
≈ Dignified
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.42:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.27:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--sapphire-earbobs: #4f5f7e;
--sapphire-earbobs-rgb: 79 95 126;
--sapphire-earbobs-oklch: oklch(0.485 0.054 263.3);
}
.element {
color: var(--sapphire-earbobs);
background-color: hsl(220 23% 40%);
border-color: oklch(0.485 0.054 263.3);
}Tailwind CSS v4
@theme {
--color-sapphire-earbobs: #4f5f7e;
--color-sapphire-earbobs-50: #eef5ff;
--color-sapphire-earbobs-100: #dfe8fb;
--color-sapphire-earbobs-200: #c9d4ec;
--color-sapphire-earbobs-300: #aab8d4;
--color-sapphire-earbobs-400: #8e9fbf;
--color-sapphire-earbobs-500: #7486ab;
--color-sapphire-earbobs-600: #627290;
--color-sapphire-earbobs-700: #4e5b74;
--color-sapphire-earbobs-800: #384355;
--color-sapphire-earbobs-900: #262e3c;
--color-sapphire-earbobs-950: #151b25;
}SCSS
$sapphire-earbobs: #4f5f7e;
$sapphire-earbobs-rgb: 79, 95, 126;
$sapphire-earbobs-light: mix(#fff, $sapphire-earbobs, 20%);
$sapphire-earbobs-dark: mix(#000, $sapphire-earbobs, 20%);
.element {
color: $sapphire-earbobs;
box-shadow: 0 0 0 2px rgba($sapphire-earbobs, 0.35);
}