Colore con nome · #B75E6B
Sensuous
Sensuous è #B75E6B: rgb(183 94 107), hsl(351 38% 54%), oklch(0.591 0.115 12). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sensuous color name →
#B75E6B
oklch(0.591 0.115 12)
Conversioni di colore
- HEX
- #b75e6b
- RGB
- rgb(183 94 107)
- HSL
- hsl(351 38% 54%)
- HWB
- hwb(351 37% 28%)
- OKLCH
- oklch(0.591 0.115 12)
- OKLab
- oklab(0.591 0.113 0.024)
- CIE Lab
- lab(51.21 37.66 9.99)
- LCH
- lch(51.21 38.96 14.9)
- CMYK
- cmyk(0% 49% 42% 28%)
Tinte · Ombre · Toni
Tinte
- C06E79
- C87E87
- D08E95
- D79EA4
- DFAEB2
- E6BEC1
- ECCED0
- F3DEE0
- F9EEEF
Ombre
- 9F515C
- 87444E
- 70373F
- 5A2B32
- 451F25
- 311418
- 1E0A0D
- 0C0304
- 020000
Toni
- B2626D
- AD666F
- A86A71
- A36D73
- 9E7176
- 997478
- 93777A
- 8D7A7C
- 877D7E
Armonie di colore
Complementare +180°
- B75E6B
Sensuous
- 00908D
≈ Corfu Shallows
Analogo -30° +30°
- B75E6B
Sensuous
- AB6091
≈ Exotic Bloom
- B66443
≈ Caramel Dream
Triadico +120° +240°
- B75E6B
Sensuous
- 638B3F
≈ Hidden Paradise
- 4680C0
≈ Worn Denim
Complementare divisa +150° +210°
- B75E6B
Sensuous
- 289268
≈ Viridian
- 008BAC
≈ Corfu Waters
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.35:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.82:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--sensuous: #b75e6b;
--sensuous-rgb: 183 94 107;
--sensuous-oklch: oklch(0.591 0.115 12);
}
.element {
color: var(--sensuous);
background-color: hsl(351 38% 54%);
border-color: oklch(0.591 0.115 12);
}Tailwind CSS v4
@theme {
--color-sensuous: #b75e6b;
--color-sensuous-50: #ffe8eb;
--color-sensuous-100: #ffd9dc;
--color-sensuous-200: #ffc1c5;
--color-sensuous-300: #ec9fa5;
--color-sensuous-400: #d9818c;
--color-sensuous-500: #c66372;
--color-sensuous-600: #a75460;
--color-sensuous-700: #86434d;
--color-sensuous-800: #643039;
--color-sensuous-900: #462127;
--color-sensuous-950: #2d1015;
}SCSS
$sensuous: #b75e6b;
$sensuous-rgb: 183, 94, 107;
$sensuous-light: mix(#fff, $sensuous, 20%);
$sensuous-dark: mix(#000, $sensuous, 20%);
.element {
color: $sensuous;
box-shadow: 0 0 0 2px rgba($sensuous, 0.35);
}