Benoemde kleur · #BC8A90
Rosenkavalier
Rosenkavalier is #BC8A90: rgb(188 138 144), hsl(353 27% 64%), oklch(0.684 0.062 10.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Rosenkavalier color name →
#BC8A90
oklch(0.684 0.062 10.8)
Kleurconversies
- HEX
- #bc8a90
- RGB
- rgb(188 138 144)
- HSL
- hsl(353 27% 64%)
- HWB
- hwb(353 54% 26%)
- OKLCH
- oklch(0.684 0.062 10.8)
- OKLab
- oklab(0.684 0.06 0.012)
- CIE Lab
- lab(62.59 20.29 4.7)
- LCH
- lch(62.59 20.83 13)
- CMYK
- cmyk(0% 27% 23% 26%)
Tinten · Schaduwen · Tonen
Tinten
- C3959B
- CAA1A5
- D1ACB0
- D8B8BB
- DEC3C6
- E5CFD1
- ECDBDD
- F2E7E8
- F9F3F3
Schaduwen
- A3777D
- 8B656A
- 735357
- 5D4245
- 473234
- 322224
- 1F1415
- 0D0707
- 020101
Tonen
- B6898E
- B0888D
- AA878B
- A4868A
- 9E8588
- 988486
- 928385
- 8C8283
- 868182
Kleurharmonieën
Complementair +180°
- BC8A90
Rosenkavalier
- 6BA6A2
≈ Steel Pan Mallet
Analoog -30° +30°
- BC8A90
Rosenkavalier
- B48BA5
≈ Lover’s Tryst
- BB8D7C
≈ Tuscany
Triadisch +120° +240°
- BC8A90
Rosenkavalier
- 8CA27A
≈ Broccoflower
- 7D9DBF
≈ Alaskan Ice
Gesplitst complementair +150° +210°
- BC8A90
Rosenkavalier
- 78A68D
≈ Free Green
- 6EA3B4
≈ Estuary Blue
Tetradisch +90° +180° +270°
- BC8A90
Rosenkavalier
- A19B6F
≈ Stilted Stalks
- 6BA6A2
≈ Steel Pan Mallet
- 9296BF
≈ Lavender Bonnet
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.92:1 · APCA Lc 56
Ag
AAAOp zwart
WCAG 7.17:1 · APCA Lc 46
Beste tekstkleur: #000000
WCAG 7.17:1 (AAA) · APCA Lc 46
Contrast pairs
Codefragmenten
CSS
:root {
--rosenkavalier: #bc8a90;
--rosenkavalier-rgb: 188 138 144;
--rosenkavalier-oklch: oklch(0.684 0.062 10.8);
}
.element {
color: var(--rosenkavalier);
background-color: hsl(353 27% 64%);
border-color: oklch(0.684 0.062 10.8);
}Tailwind CSS v4
@theme {
--color-rosenkavalier: #bc8a90;
--color-rosenkavalier-50: #ffeef0;
--color-rosenkavalier-100: #fce0e2;
--color-rosenkavalier-200: #edcacd;
--color-rosenkavalier-300: #d5abae;
--color-rosenkavalier-400: #c09095;
--color-rosenkavalier-500: #ab757c;
--color-rosenkavalier-600: #906369;
--color-rosenkavalier-700: #744f54;
--color-rosenkavalier-800: #553a3e;
--color-rosenkavalier-900: #3c272b;
--color-rosenkavalier-950: #251518;
}SCSS
$rosenkavalier: #bc8a90;
$rosenkavalier-rgb: 188, 138, 144;
$rosenkavalier-light: mix(#fff, $rosenkavalier, 20%);
$rosenkavalier-dark: mix(#000, $rosenkavalier, 20%);
.element {
color: $rosenkavalier;
box-shadow: 0 0 0 2px rgba($rosenkavalier, 0.35);
}