Colore con nome più vicino · #B55A46
#B55A46
Colore con nome più vicino: Tandoori
#B55A46 (rgb(181 90 70), hsl(11 44% 49%), oklch(0.573 0.123 33.7)) è più vicino al colore con nome Tandoori. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#B55A46
oklch(0.573 0.123 33.7)
Conversioni di colore
- HEX
- #b55a46
- RGB
- rgb(181 90 70)
- HSL
- hsl(11 44% 49%)
- HWB
- hwb(11 27% 29%)
- OKLCH
- oklch(0.573 0.123 33.7)
- OKLab
- oklab(0.573 0.102 0.068)
- CIE Lab
- lab(49.47 36.45 29.36)
- LCH
- lch(49.47 46.81 38.9)
- CMYK
- cmyk(0% 50% 61% 29%)
Tinte · Ombre · Toni
Tinte
- BE6B58
- C67B6A
- CE8B7C
- D69C8E
- DEACA0
- E5BCB3
- ECCDC5
- F3DDD8
- F9EEEC
Ombre
- 9D4D3C
- 864132
- 6F3528
- 59291E
- 441E15
- 30130D
- 1D0905
- 0C0302
- 020000
Toni
- B15F4C
- AC6353
- A76759
- A26B5F
- 9D6F64
- 98736A
- 927670
- 8D7A75
- 867D7B
Armonie di colore
Complementare +180°
- B55A46
Tandoori
- 00879C
≈ Marker Blue
Analogo -30° +30°
- B55A46
Tandoori
- B25670
≈ Slate Pink
- AA6615
≈ Ancient Brandy
Triadico +120° +240°
- B55A46
Tandoori
- 2F8D55
≈ Shamrock Field
- 6271C0
≈ Gladiola Blue
Complementare divisa +150° +210°
- B55A46
Tandoori
- 008C7F
≈ Greenlake
- 277FBB
≈ Phuket Palette
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.65:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.51:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--tandoori: #b55a46;
--tandoori-rgb: 181 90 70;
--tandoori-oklch: oklch(0.573 0.123 33.7);
}
.element {
color: var(--tandoori);
background-color: hsl(11 44% 49%);
border-color: oklch(0.573 0.123 33.7);
}Tailwind CSS v4
@theme {
--color-tandoori: #b55a46;
--color-tandoori-50: #ffeadd;
--color-tandoori-100: #ffdacc;
--color-tandoori-200: #ffc2b1;
--color-tandoori-300: #efa18c;
--color-tandoori-400: #dd826e;
--color-tandoori-500: #ca644d;
--color-tandoori-600: #ab5542;
--color-tandoori-700: #894435;
--color-tandoori-800: #663027;
--color-tandoori-900: #48211a;
--color-tandoori-950: #2f100a;
}SCSS
$tandoori: #b55a46;
$tandoori-rgb: 181, 90, 70;
$tandoori-light: mix(#fff, $tandoori, 20%);
$tandoori-dark: mix(#000, $tandoori, 20%);
.element {
color: $tandoori;
box-shadow: 0 0 0 2px rgba($tandoori, 0.35);
}