Nazwany kolor · #BC8A90
Rosenkavalier
Rosenkavalier to #BC8A90: rgb(188 138 144), hsl(353 27% 64%), oklch(0.684 0.062 10.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Rosenkavalier color name →
#BC8A90
oklch(0.684 0.062 10.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3959B
- CAA1A5
- D1ACB0
- D8B8BB
- DEC3C6
- E5CFD1
- ECDBDD
- F2E7E8
- F9F3F3
Odcienie ciemniejsze
- A3777D
- 8B656A
- 735357
- 5D4245
- 473234
- 322224
- 1F1415
- 0D0707
- 020101
Tony
- B6898E
- B0888D
- AA878B
- A4868A
- 9E8588
- 988486
- 928385
- 8C8283
- 868182
Harmonie kolorów
Komplementarna +180°
- BC8A90
Rosenkavalier
- 6BA6A2
≈ Steel Pan Mallet
Analogowa -30° +30°
- BC8A90
Rosenkavalier
- B48BA5
≈ Lover’s Tryst
- BB8D7C
≈ Tuscany
Triada +120° +240°
- BC8A90
Rosenkavalier
- 8CA27A
≈ Broccoflower
- 7D9DBF
≈ Alaskan Ice
Komplementarna rozszczepiona +150° +210°
- BC8A90
Rosenkavalier
- 78A68D
≈ Free Green
- 6EA3B4
≈ Estuary Blue
Tetrada +90° +180° +270°
- BC8A90
Rosenkavalier
- A19B6F
≈ Stilted Stalks
- 6BA6A2
≈ Steel Pan Mallet
- 9296BF
≈ Lavender Bonnet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.92:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.17:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.17:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
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);
}