Couleur nommée · #7F716A
Thorny Brush
Thorny Brush correspond à #7F716A : rgb(127 113 106), hsl(20 9% 46%), oklch(0.559 0.021 48.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Thorny Brush color name →
#7F716A
oklch(0.559 0.021 48.3)
Conversions de couleur
- HEX
- #7f716a
- RGB
- rgb(127 113 106)
- HSL
- hsl(20 9% 46%)
- HWB
- hwb(20 42% 50%)
- OKLCH
- oklch(0.559 0.021 48.3)
- OKLab
- oklab(0.559 0.014 0.015)
- CIE Lab
- lab(48.8 4.71 6)
- LCH
- lch(48.8 7.63 51.8)
- CMYK
- cmyk(0% 11% 17% 50%)
Teintes · Ombres · Tons
Teintes
- 8B7E78
- 978C86
- A49994
- B0A7A3
- BDB5B2
- CAC4C1
- D7D2D0
- E4E1DF
- F2F0EF
Ombres
- 6E615B
- 5D524D
- 4C433F
- 3C3531
- 2D2724
- 1F1A18
- 110E0D
- 060404
- 010100
Tons
- 7F736C
- 7F746E
- 7F7671
- 807773
- 807975
- 807A77
- 807C79
- 807D7C
- 807F7E
Harmonies de couleurs
Complémentaire +180°
- 7F716A
Thorny Brush
- 68777E
≈ Night Rendezvous
Analogue -30° +30°
- 7F716A
Thorny Brush
- 807070
≈ Noble Robe
- 7B7367
≈ Aumbry
Triadique +120° +240°
- 7F716A
Thorny Brush
- 697872
≈ Earthen Cheer
- 737380
≈ Overlook
Complémentaire divisée +150° +210°
- 7F716A
Thorny Brush
- 677879
≈ North Grey
- 6D7581
≈ Sheffield Grey
Tétradique +90° +180° +270°
- 7F716A
Thorny Brush
- 6E776C
≈ Contemplative
- 68777E
≈ Night Rendezvous
- 7A717C
≈ Plum Shadow
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.69:1 · APCA Lc 73
Ag
FailSur noir
WCAG 4.47:1 · APCA Lc 29
Meilleure couleur de texte: #FFFFFF
WCAG 4.69:1 (AA) · APCA Lc 73
Contrast pairs
Extraits de code
CSS
:root {
--thorny-brush: #7f716a;
--thorny-brush-rgb: 127 113 106;
--thorny-brush-oklch: oklch(0.559 0.021 48.3);
}
.element {
color: var(--thorny-brush);
background-color: hsl(20 9% 46%);
border-color: oklch(0.559 0.021 48.3);
}Tailwind CSS v4
@theme {
--color-thorny-brush: #7f716a;
--color-thorny-brush-50: #faf4f0;
--color-thorny-brush-100: #eee6e2;
--color-thorny-brush-200: #dcd2cd;
--color-thorny-brush-300: #c1b5ae;
--color-thorny-brush-400: #a99b94;
--color-thorny-brush-500: #92827b;
--color-thorny-brush-600: #7c6e68;
--color-thorny-brush-700: #635853;
--color-thorny-brush-800: #49403c;
--color-thorny-brush-900: #322c29;
--color-thorny-brush-950: #1e1917;
}SCSS
$thorny-brush: #7f716a;
$thorny-brush-rgb: 127, 113, 106;
$thorny-brush-light: mix(#fff, $thorny-brush, 20%);
$thorny-brush-dark: mix(#000, $thorny-brush, 20%);
.element {
color: $thorny-brush;
box-shadow: 0 0 0 2px rgba($thorny-brush, 0.35);
}