Colore con nome · #8F7D70
Bridle Leather
Bridle Leather è #8F7D70: rgb(143 125 112), hsl(25 12% 50%), oklch(0.603 0.029 58). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bridle Leather color name →
#8F7D70
oklch(0.603 0.029 58)
Conversioni di colore
- HEX
- #8f7d70
- RGB
- rgb(143 125 112)
- HSL
- hsl(25 12% 50%)
- HWB
- hwb(25 44% 44%)
- OKLCH
- oklch(0.603 0.029 58)
- OKLab
- oklab(0.603 0.016 0.025)
- CIE Lab
- lab(53.81 5.52 9.79)
- LCH
- lch(53.81 11.23 60.6)
- CMYK
- cmyk(0% 13% 22% 44%)
Tinte · Ombre · Toni
Tinte
- 9A897D
- A5968B
- B0A299
- BBAFA7
- C6BCB5
- D1C9C3
- DCD6D2
- E8E4E1
- F3F1F0
Ombre
- 7C6C60
- 695B51
- 574B43
- 453B35
- 342C27
- 241E1A
- 15110E
- 070504
- 010101
Toni
- 8E7D72
- 8C7E73
- 8B7E75
- 897E77
- 887F78
- 867F7A
- 857F7B
- 837F7D
- 82807E
Armonie di colore
Complementare +180°
- 8F7D70
Bridle Leather
- 718491
≈ Mica Creek
Analogo -30° +30°
- 8F7D70
Bridle Leather
- 927B77
≈ Porcupine Needles
- 88806D
≈ Mossy Aura
Triadico +120° +240°
- 8F7D70
Bridle Leather
- 6F8781
≈ Marsh Creek
- 837D91
≈ Purpletone
Complementare divisa +150° +210°
- 8F7D70
Bridle Leather
- 6D868A
≈ Winter in Paris
- 798193
≈ Tranquil Pond
Tetradico +90° +180° +270°
- 8F7D70
Bridle Leather
- 768677
≈ Garden Bower
- 718491
≈ Mica Creek
- 8B7B8A
≈ Classical Violet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.93:1 · APCA Lc 67
Ag
AASu nero
WCAG 5.33:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.33:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--bridle-leather: #8f7d70;
--bridle-leather-rgb: 143 125 112;
--bridle-leather-oklch: oklch(0.603 0.029 58);
}
.element {
color: var(--bridle-leather);
background-color: hsl(25 12% 50%);
border-color: oklch(0.603 0.029 58);
}Tailwind CSS v4
@theme {
--color-bridle-leather: #8f7d70;
--color-bridle-leather-50: #fcf3ed;
--color-bridle-leather-100: #f0e6de;
--color-bridle-leather-200: #ded2c8;
--color-bridle-leather-300: #c3b4a9;
--color-bridle-leather-400: #ac9b8e;
--color-bridle-leather-500: #968273;
--color-bridle-leather-600: #7f6e62;
--color-bridle-leather-700: #65584e;
--color-bridle-leather-800: #4b4039;
--color-bridle-leather-900: #342c27;
--color-bridle-leather-950: #1f1915;
}SCSS
$bridle-leather: #8f7d70;
$bridle-leather-rgb: 143, 125, 112;
$bridle-leather-light: mix(#fff, $bridle-leather, 20%);
$bridle-leather-dark: mix(#000, $bridle-leather, 20%);
.element {
color: $bridle-leather;
box-shadow: 0 0 0 2px rgba($bridle-leather, 0.35);
}