Colore con nome · #67707D
Purebred
Purebred è #67707D: rgb(103 112 125), hsl(215 10% 45%), oklch(0.542 0.023 257.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Purebred color name →
#67707D
oklch(0.542 0.023 257.5)
Conversioni di colore
- HEX
- #67707d
- RGB
- rgb(103 112 125)
- HSL
- hsl(215 10% 45%)
- HWB
- hwb(215 40% 51%)
- OKLCH
- oklch(0.542 0.023 257.5)
- OKLab
- oklab(0.542 -0.005 -0.023)
- CIE Lab
- lab(46.81 -1.31 -8.44)
- LCH
- lch(46.81 8.54 261.2)
- CMYK
- cmyk(18% 10% 0% 51%)
Tinte · Ombre · Toni
Tinte
- 757D89
- 838B96
- 9299A2
- A1A7AF
- B0B5BC
- BFC3C9
- CFD2D6
- DFE1E4
- EFF0F1
Ombre
- 59606C
- 4B515B
- 3D434B
- 30353B
- 23272C
- 171A1E
- 0C0E11
- 040405
- 000101
Toni
- 69727D
- 6C737E
- 6E757E
- 71767E
- 73787F
- 767A7F
- 787B7F
- 7B7D7F
- 7D7E80
Armonie di colore
Complementare +180°
- 67707D
Purebred
- 776E61
≈ Snakeskin
Analogo -30° +30°
- 67707D
Purebred
- 62727A
≈ Desert Night
- 6E6D7C
≈ Prediction
Triadico +120° +240°
- 67707D
Purebred
- 7C6A6A
≈ Muscatel
- 697366
≈ Heritage Park
Complementare divisa +150° +210°
- 67707D
Purebred
- 7B6C64
≈ Namibia
- 707061
≈ Sage Green Light
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.01:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.19:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.01:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--purebred: #67707d;
--purebred-rgb: 103 112 125;
--purebred-oklch: oklch(0.542 0.023 257.5);
}
.element {
color: var(--purebred);
background-color: hsl(215 10% 45%);
border-color: oklch(0.542 0.023 257.5);
}Tailwind CSS v4
@theme {
--color-purebred: #67707d;
--color-purebred-50: #f1f5fc;
--color-purebred-100: #e3e8f0;
--color-purebred-200: #ced5de;
--color-purebred-300: #b1b8c4;
--color-purebred-400: #969fac;
--color-purebred-500: #7d8796;
--color-purebred-600: #6a727f;
--color-purebred-700: #545b65;
--color-purebred-800: #3d434a;
--color-purebred-900: #2a2e34;
--color-purebred-950: #181b1f;
}SCSS
$purebred: #67707d;
$purebred-rgb: 103, 112, 125;
$purebred-light: mix(#fff, $purebred, 20%);
$purebred-dark: mix(#000, $purebred, 20%);
.element {
color: $purebred;
box-shadow: 0 0 0 2px rgba($purebred, 0.35);
}