Colore con nome · #5C6274
Pencil Lead
Pencil Lead è #5C6274: rgb(92 98 116), hsl(225 12% 41%), oklch(0.498 0.03 270.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pencil Lead color name →
#5C6274
oklch(0.498 0.03 270.8)
Conversioni di colore
- HEX
- #5c6274
- RGB
- rgb(92 98 116)
- HSL
- hsl(225 12% 41%)
- HWB
- hwb(225 36% 55%)
- OKLCH
- oklch(0.498 0.03 270.8)
- OKLab
- oklab(0.498 0 -0.03)
- CIE Lab
- lab(41.53 0.77 -11.03)
- LCH
- lch(41.53 11.05 274)
- CMYK
- cmyk(21% 16% 0% 55%)
Tinte · Ombre · Toni
Tinte
- 6B7081
- 7A7F8E
- 8A8E9C
- 9A9EA9
- AAADB7
- BABDC5
- CBCDD3
- DCDEE2
- EDEEF0
Ombre
- 4F5464
- 424754
- 363A45
- 2A2D37
- 1F2129
- 14161B
- 0A0B0F
- 030305
- 000001
Toni
- 606575
- 636877
- 676B78
- 6A6E79
- 6E717A
- 71747B
- 75777D
- 797A7E
- 7C7D7F
Armonie di colore
Complementare +180°
- 5C6274
Pencil Lead
- 696250
≈ Ivy Topiary
Analogo -30° +30°
- 5C6274
Pencil Lead
- 546572
≈ Midnight Show
- 655F71
≈ Sedona Shadow
Triadico +120° +240°
- 5C6274
Pencil Lead
- 735D58
≈ Tree Bark
- 57685A
≈ Hockham Green
Complementare divisa +150° +210°
- 5C6274
Pencil Lead
- 705F52
≈ Homestead Brown
- 606553
≈ Amazon Foliage
Tetradico +90° +180° +270°
- 5C6274
Pencil Lead
- 725C61
≈ Poetry Plum
- 696250
≈ Ivy Topiary
- 506863
≈ Armada
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.07:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.45:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--pencil-lead: #5c6274;
--pencil-lead-rgb: 92 98 116;
--pencil-lead-oklch: oklch(0.498 0.03 270.8);
}
.element {
color: var(--pencil-lead);
background-color: hsl(225 12% 41%);
border-color: oklch(0.498 0.03 270.8);
}Tailwind CSS v4
@theme {
--color-pencil-lead: #5c6274;
--color-pencil-lead-50: #f2f5fe;
--color-pencil-lead-100: #e4e7f2;
--color-pencil-lead-200: #d0d4e1;
--color-pencil-lead-300: #b2b7c7;
--color-pencil-lead-400: #989eb1;
--color-pencil-lead-500: #7f869a;
--color-pencil-lead-600: #6b7183;
--color-pencil-lead-700: #565a69;
--color-pencil-lead-800: #3e424d;
--color-pencil-lead-900: #2b2e36;
--color-pencil-lead-950: #181a21;
}SCSS
$pencil-lead: #5c6274;
$pencil-lead-rgb: 92, 98, 116;
$pencil-lead-light: mix(#fff, $pencil-lead, 20%);
$pencil-lead-dark: mix(#000, $pencil-lead, 20%);
.element {
color: $pencil-lead;
box-shadow: 0 0 0 2px rgba($pencil-lead, 0.35);
}