Dichtstbijzijnde benoemde kleur · #BC7D7E
#BC7D7E
Dichtstbijzijnde benoemde kleur: Old Rose
#BC7D7E (rgb(188 125 126), hsl(359 32% 61%), oklch(0.655 0.079 18.4)) komt het dichtst bij de benoemde kleur Old Rose. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#BC7D7E
oklch(0.655 0.079 18.4)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- C38A8A
- CA9697
- D1A3A3
- D8B0B0
- DFBDBD
- E6CACA
- ECD7D7
- F3E4E4
- F9F2F1
Schaduwen
- A36C6D
- 8B5B5C
- 734B4C
- 5D3B3C
- 472C2D
- 321E1F
- 1F1111
- 0D0505
- 020101
Tonen
- B67E7E
- B17E7E
- AB7E7F
- A57F7F
- 9F7F7F
- 997F7F
- 938080
- 8D8080
- 868080
Kleurharmonieën
Complementair +180°
- BC7D7E
Old Rose
- 4F9FA2
≈ Rockpool
Analoog -30° +30°
- BC7D7E
Old Rose
- B57D99
≈ Antique Hot Pink
- B98266
≈ Cognac Brown
Triadisch +120° +240°
- BC7D7E
Old Rose
- 789C6D
≈ Money
- 7392C1
≈ King Neptune
Gesplitst complementair +150° +210°
- BC7D7E
Old Rose
- 5DA088
≈ Scotch Lassie
- 599AB7
≈ Steel Light Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.29:1 · APCA Lc 60
Ag
AAOp zwart
WCAG 6.37:1 · APCA Lc 42
Beste tekstkleur: #000000
WCAG 6.37:1 (AA) · APCA Lc 42
Contrast pairs
Codefragmenten
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);
}