Color con nombre más cercano · #BB5951
#BB5951
Color con nombre más cercano: Tandoori
#BB5951 (rgb(187 89 81), hsl(5 44% 53%), oklch(0.583 0.128 26.5)) se parece más al color con nombre Tandoori. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#BB5951
oklch(0.583 0.128 26.5)
Conversiones de color
- HEX
- #bb5951
- RGB
- rgb(187 89 81)
- HSL
- hsl(5 44% 53%)
- HWB
- hwb(5 32% 27%)
- OKLCH
- oklch(0.583 0.128 26.5)
- OKLab
- oklab(0.583 0.115 0.057)
- CIE Lab
- lab(50.35 39.86 24.33)
- LCH
- lch(50.35 46.7 31.4)
- CMYK
- cmyk(0% 52% 57% 27%)
Tintes · Sombras · Tonos
Tintes
- C36A62
- CB7B72
- D38B83
- DA9B94
- E1ACA5
- E8BCB7
- EECDC8
- F4DDDA
- FAEEED
Sombras
- A24C45
- 8A403A
- 73342F
- 5C2824
- 461D1A
- 321310
- 1F0907
- 0D0302
- 020000
Tonos
- B65E56
- B1635B
- AC6760
- A66B65
- A06F69
- 9B736E
- 947673
- 8E7A77
- 877D7C
Armonías de color
Complementario +180°
- BB5951
Tandoori
- 008B98
≈ Atlantic Blue
Análogo -30° +30°
- BB5951
Tandoori
- B5577D
≈ Speedwell
- B3641F
≈ Dirty Brown
Triádico +120° +240°
- BB5951
Tandoori
- 408F4B
≈ Park Picnic
- 5877C7
≈ Indigo Light
Complementario dividido +150° +210°
- BB5951
Tandoori
- 009079
≈ Dòu Lǜ Green
- 0085BC
≈ Ibiza Blue
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.66:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--tandoori: #bb5951;
--tandoori-rgb: 187 89 81;
--tandoori-oklch: oklch(0.583 0.128 26.5);
}
.element {
color: var(--tandoori);
background-color: hsl(5 44% 53%);
border-color: oklch(0.583 0.128 26.5);
}Tailwind CSS v4
@theme {
--color-tandoori: #bb5951;
--color-tandoori-50: #ffe8e1;
--color-tandoori-100: #ffd9d0;
--color-tandoori-200: #ffc0b5;
--color-tandoori-300: #f29e92;
--color-tandoori-400: #e07f75;
--color-tandoori-500: #cd6057;
--color-tandoori-600: #ad524a;
--color-tandoori-700: #8b413b;
--color-tandoori-800: #682e2c;
--color-tandoori-900: #491f1d;
--color-tandoori-950: #2f0e0d;
}SCSS
$tandoori: #bb5951;
$tandoori-rgb: 187, 89, 81;
$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);
}