Colore con nome · #8B3439
Bindi Dot
Bindi Dot è #8B3439: rgb(139 52 57), hsl(357 46% 37%), oklch(0.45 0.119 19.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Bindi Dot color name →
#8B3439
oklch(0.45 0.119 19.8)
Conversioni di colore
- HEX
- #8b3439
- RGB
- rgb(139 52 57)
- HSL
- hsl(357 46% 37%)
- HWB
- hwb(357 20% 45%)
- OKLCH
- oklch(0.45 0.119 19.8)
- OKLab
- oklab(0.45 0.112 0.04)
- CIE Lab
- lab(34.91 38.02 17.27)
- LCH
- lch(34.91 41.76 24.4)
- CMYK
- cmyk(0% 63% 59% 45%)
Tinte · Ombre · Toni
Tinte
- 98494B
- A55C5D
- B17070
- BD8483
- C99897
- D4ACAB
- DFC0BF
- EAD5D4
- F5EAE9
Ombre
- 782C30
- 662428
- 541C1F
- 431517
- 320E10
- 230709
- 140304
- 070101
- 010000
Toni
- 8B3D40
- 8B4547
- 8B4D4E
- 8A5555
- 895D5C
- 886463
- 876B6A
- 857272
- 837979
Armonie di colore
Complementare +180°
- 8B3439
Bindi Dot
- 006266
≈ Really Teal
Analogo -30° +30°
- 8B3439
Bindi Dot
- 83355F
≈ Boysenberry
- 873D01
≈ Gryphonne Sepia Wash
Triadico +120° +240°
- 8B3439
Bindi Dot
- 2C641E
≈ Woodland Wonder
- 2B5396
≈ Insignia
Complementare divisa +150° +210°
- 8B3439
Bindi Dot
- 00654D
≈ Green Paw Paw
- 005E7D
≈ Blue Edge
Tetradico +90° +180° +270°
- 8B3439
Bindi Dot
- 595900
≈ Greensboro
- 006266
≈ Really Teal
- 554792
≈ Liberty
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.93:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.64:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.93:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--bindi-dot: #8b3439;
--bindi-dot-rgb: 139 52 57;
--bindi-dot-oklch: oklch(0.45 0.119 19.8);
}
.element {
color: var(--bindi-dot);
background-color: hsl(357 46% 37%);
border-color: oklch(0.45 0.119 19.8);
}Tailwind CSS v4
@theme {
--color-bindi-dot: #8b3439;
--color-bindi-dot-50: #ffe9e6;
--color-bindi-dot-100: #ffd9d6;
--color-bindi-dot-200: #ffc1be;
--color-bindi-dot-300: #ee9f9c;
--color-bindi-dot-400: #dc8181;
--color-bindi-dot-500: #c96265;
--color-bindi-dot-600: #a95456;
--color-bindi-dot-700: #884344;
--color-bindi-dot-800: #653033;
--color-bindi-dot-900: #472022;
--color-bindi-dot-950: #2e0f12;
}SCSS
$bindi-dot: #8b3439;
$bindi-dot-rgb: 139, 52, 57;
$bindi-dot-light: mix(#fff, $bindi-dot, 20%);
$bindi-dot-dark: mix(#000, $bindi-dot, 20%);
.element {
color: $bindi-dot;
box-shadow: 0 0 0 2px rgba($bindi-dot, 0.35);
}