Cor nomeada mais próxima · #BC7D7E
#BC7D7E
Cor nomeada mais próxima: Old Rose
#BC7D7E (rgb(188 125 126), hsl(359 32% 61%), oklch(0.655 0.079 18.4)) é mais próxima da cor nomeada Old Rose. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BC7D7E
oklch(0.655 0.079 18.4)
Conversões de cor
- HEX
- #bc7d7e
- RGB
- rgb(188 125 126)
- HSL
- hsl(359 32% 61%)
- HWB
- hwb(359 49% 26%)
- OKLCH
- oklch(0.655 0.079 18.4)
- OKLab
- oklab(0.655 0.075 0.025)
- CIE Lab
- lab(59.12 25.29 10.04)
- LCH
- lch(59.12 27.21 21.6)
- CMYK
- cmyk(0% 34% 33% 26%)
Tons claros · Sombras · Tons
Tons claros
- C38A8A
- CA9697
- D1A3A3
- D8B0B0
- DFBDBD
- E6CACA
- ECD7D7
- F3E4E4
- F9F2F1
Sombras
- A36C6D
- 8B5B5C
- 734B4C
- 5D3B3C
- 472C2D
- 321E1F
- 1F1111
- 0D0505
- 020101
Tons
- B67E7E
- B17E7E
- AB7E7F
- A57F7F
- 9F7F7F
- 997F7F
- 938080
- 8D8080
- 868080
Harmonias de cor
Complementar +180°
- BC7D7E
Old Rose
- 4F9FA2
≈ Rockpool
Análoga -30° +30°
- BC7D7E
Old Rose
- B57D99
≈ Antique Hot Pink
- B98266
≈ Cognac Brown
Tríade +120° +240°
- BC7D7E
Old Rose
- 789C6D
≈ Money
- 7392C1
≈ King Neptune
Complementar dividida +150° +210°
- BC7D7E
Old Rose
- 5DA088
≈ Scotch Lassie
- 599AB7
≈ Steel Light Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.29:1 · APCA Lc 60
Ag
AASobre preto
WCAG 6.37:1 · APCA Lc 42
Melhor cor de texto: #000000
WCAG 6.37:1 (AA) · APCA Lc 42
Contrast pairs
Trechos de código
CSS
:root {
--old-rose: #bc7d7e;
--old-rose-rgb: 188 125 126;
--old-rose-oklch: oklch(0.655 0.079 18.4);
}
.element {
color: var(--old-rose);
background-color: hsl(359 32% 61%);
border-color: oklch(0.655 0.079 18.4);
}Tailwind CSS v4
@theme {
--color-old-rose: #bc7d7e;
--color-old-rose-50: #ffedec;
--color-old-rose-100: #ffdedd;
--color-old-rose-200: #f4c8c6;
--color-old-rose-300: #dda8a6;
--color-old-rose-400: #c98c8c;
--color-old-rose-500: #b57072;
--color-old-rose-600: #995f61;
--color-old-rose-700: #7a4c4d;
--color-old-rose-800: #5b3739;
--color-old-rose-900: #3f2627;
--color-old-rose-950: #281415;
}SCSS
$old-rose: #bc7d7e;
$old-rose-rgb: 188, 125, 126;
$old-rose-light: mix(#fff, $old-rose, 20%);
$old-rose-dark: mix(#000, $old-rose, 20%);
.element {
color: $old-rose;
box-shadow: 0 0 0 2px rgba($old-rose, 0.35);
}