Colore con nome · #646767
Pointed Rock
Pointed Rock è #646767: rgb(100 103 103), hsl(180 1% 40%), oklch(0.511 0.004 197). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Pointed Rock color name →
#646767
oklch(0.511 0.004 197)
Conversioni di colore
- HEX
- #646767
- RGB
- rgb(100 103 103)
- HSL
- hsl(180 1% 40%)
- HWB
- hwb(180 39% 60%)
- OKLCH
- oklch(0.511 0.004 197)
- OKLab
- oklab(0.511 -0.004 -0.001)
- CIE Lab
- lab(43.33 -1.21 -0.43)
- LCH
- lch(43.33 1.28 199.5)
- CMYK
- cmyk(3% 0% 0% 60%)
Tinte · Ombre · Toni
Tinte
- 727575
- 818383
- 909292
- 9FA1A1
- AEB0B0
- BEBFBF
- CECFCF
- DEDFDF
- EEEFEF
Ombre
- 565959
- 484B4B
- 3B3D3D
- 2E3030
- 222323
- 161717
- 0B0C0C
- 030404
- 000000
Toni
- 676969
- 6A6C6C
- 6C6E6E
- 6F7171
- 727373
- 757676
- 777878
- 7A7B7B
- 7D7D7D
Armonie di colore
Complementare +180°
- 646767
Pointed Rock
- 686565
≈ Cursed Grey
Analogo -30° +30°
- 646767
Pointed Rock
- 646766
≈ Pointed Rock
- 646768
≈ Pointed Rock
Triadico +120° +240°
- 646767
Pointed Rock
- 676668
≈ Cursed Grey
- 686664
≈ Wire Wool
Complementare divisa +150° +210°
- 646767
Pointed Rock
- 686567
≈ Scorpion
- 686665
≈ Cursed Grey
Tetradico +90° +180° +270°
- 646767
Pointed Rock
- 666668
≈ Cursed Grey
- 686565
≈ Cursed Grey
- 666664
≈ Cursed Grey
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.70:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.67:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.70:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--pointed-rock: #646767;
--pointed-rock-rgb: 100 103 103;
--pointed-rock-oklch: oklch(0.511 0.004 197);
}
.element {
color: var(--pointed-rock);
background-color: hsl(180 1% 40%);
border-color: oklch(0.511 0.004 197);
}Tailwind CSS v4
@theme {
--color-pointed-rock: #646767;
--color-pointed-rock-50: #f4f5f5;
--color-pointed-rock-100: #e6e8e8;
--color-pointed-rock-200: #d2d5d5;
--color-pointed-rock-300: #b5b8b8;
--color-pointed-rock-400: #9c9f9f;
--color-pointed-rock-500: #838787;
--color-pointed-rock-600: #6f7272;
--color-pointed-rock-700: #595b5b;
--color-pointed-rock-800: #414343;
--color-pointed-rock-900: #2d2e2e;
--color-pointed-rock-950: #1a1b1b;
}SCSS
$pointed-rock: #646767;
$pointed-rock-rgb: 100, 103, 103;
$pointed-rock-light: mix(#fff, $pointed-rock, 20%);
$pointed-rock-dark: mix(#000, $pointed-rock, 20%);
.element {
color: $pointed-rock;
box-shadow: 0 0 0 2px rgba($pointed-rock, 0.35);
}