Colore con nome · #595D61
Pencil Point
Pencil Point è #595D61: rgb(89 93 97), hsl(210 4% 36%), oklch(0.476 0.008 248). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pencil Point color name →
#595D61
oklch(0.476 0.008 248)
Conversioni di colore
- HEX
- #595d61
- RGB
- rgb(89 93 97)
- HSL
- hsl(210 4% 36%)
- HWB
- hwb(210 35% 62%)
- OKLCH
- oklch(0.476 0.008 248)
- OKLab
- oklab(0.476 -0.003 -0.008)
- CIE Lab
- lab(39.23 -0.97 -2.88)
- LCH
- lch(39.23 3.03 251.4)
- CMYK
- cmyk(8% 4% 0% 62%)
Tinte · Ombre · Toni
Tinte
- 686C6F
- 787B7E
- 878A8D
- 989A9D
- A8AAAD
- B9BBBD
- CACBCD
- DBDCDD
- EDEEEE
Ombre
- 4C5053
- 404346
- 343739
- 282A2D
- 1D1F21
- 131415
- 090A0B
- 030303
- 000000
Toni
- 5D6064
- 616467
- 64676A
- 686B6D
- 6C6E70
- 707273
- 747577
- 78797A
- 7C7C7D
Armonie di colore
Complementare +180°
- 595D61
Pencil Point
- 605C58
≈ Stone’s Throw
Analogo -30° +30°
- 595D61
Pencil Point
- 585E60
≈ Mostly Metal
- 5B5C61
≈ Blackish Grey
Triadico +120° +240°
- 595D61
Pencil Point
- 615B5C
≈ Plum Kitten
- 5B5D59
≈ Zinc Dust
Complementare divisa +150° +210°
- 595D61
Pencil Point
- 615B59
≈ Mountain Quail
- 5E5D57
≈ Sable Evening
Tetradico +90° +180° +270°
- 595D61
Pencil Point
- 605B5E
≈ Volcanic Glass
- 605C58
≈ Stone’s Throw
- 595E5B
≈ Zen Retreat
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.63:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.16:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--pencil-point: #595d61;
--pencil-point-rgb: 89 93 97;
--pencil-point-oklch: oklch(0.476 0.008 248);
}
.element {
color: var(--pencil-point);
background-color: hsl(210 4% 36%);
border-color: oklch(0.476 0.008 248);
}Tailwind CSS v4
@theme {
--color-pencil-point: #595d61;
--color-pencil-point-50: #f3f5f7;
--color-pencil-point-100: #e6e8ea;
--color-pencil-point-200: #d2d4d8;
--color-pencil-point-300: #b4b8bb;
--color-pencil-point-400: #9b9fa3;
--color-pencil-point-500: #82878b;
--color-pencil-point-600: #6e7276;
--color-pencil-point-700: #585b5e;
--color-pencil-point-800: #404345;
--color-pencil-point-900: #2c2e30;
--color-pencil-point-950: #191b1c;
}SCSS
$pencil-point: #595d61;
$pencil-point-rgb: 89, 93, 97;
$pencil-point-light: mix(#fff, $pencil-point, 20%);
$pencil-point-dark: mix(#000, $pencil-point, 20%);
.element {
color: $pencil-point;
box-shadow: 0 0 0 2px rgba($pencil-point, 0.35);
}