Couleur nommée · #BC8A90
Rosenkavalier
Rosenkavalier correspond à #BC8A90 : rgb(188 138 144), hsl(353 27% 64%), oklch(0.684 0.062 10.8). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Rosenkavalier color name →
#BC8A90
oklch(0.684 0.062 10.8)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- C3959B
- CAA1A5
- D1ACB0
- D8B8BB
- DEC3C6
- E5CFD1
- ECDBDD
- F2E7E8
- F9F3F3
Ombres
- A3777D
- 8B656A
- 735357
- 5D4245
- 473234
- 322224
- 1F1415
- 0D0707
- 020101
Tons
- B6898E
- B0888D
- AA878B
- A4868A
- 9E8588
- 988486
- 928385
- 8C8283
- 868182
Harmonies de couleurs
Complémentaire +180°
- BC8A90
Rosenkavalier
- 6BA6A2
≈ Steel Pan Mallet
Analogue -30° +30°
- BC8A90
Rosenkavalier
- B48BA5
≈ Lover’s Tryst
- BB8D7C
≈ Tuscany
Triadique +120° +240°
- BC8A90
Rosenkavalier
- 8CA27A
≈ Broccoflower
- 7D9DBF
≈ Alaskan Ice
Complémentaire divisée +150° +210°
- BC8A90
Rosenkavalier
- 78A68D
≈ Free Green
- 6EA3B4
≈ Estuary Blue
Tétradique +90° +180° +270°
- BC8A90
Rosenkavalier
- A19B6F
≈ Stilted Stalks
- 6BA6A2
≈ Steel Pan Mallet
- 9296BF
≈ Lavender Bonnet
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.92:1 · APCA Lc 56
Ag
AAASur noir
WCAG 7.17:1 · APCA Lc 46
Meilleure couleur de texte: #000000
WCAG 7.17:1 (AAA) · APCA Lc 46
Contrast pairs
Extraits de code
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);
}