Nazwany kolor · #B75E6B
Sensuous
Sensuous to #B75E6B: rgb(183 94 107), hsl(351 38% 54%), oklch(0.591 0.115 12). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Sensuous color name →
#B75E6B
oklch(0.591 0.115 12)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C06E79
- C87E87
- D08E95
- D79EA4
- DFAEB2
- E6BEC1
- ECCED0
- F3DEE0
- F9EEEF
Odcienie ciemniejsze
- 9F515C
- 87444E
- 70373F
- 5A2B32
- 451F25
- 311418
- 1E0A0D
- 0C0304
- 020000
Tony
- B2626D
- AD666F
- A86A71
- A36D73
- 9E7176
- 997478
- 93777A
- 8D7A7C
- 877D7E
Harmonie kolorów
Komplementarna +180°
- B75E6B
Sensuous
- 00908D
≈ Corfu Shallows
Analogowa -30° +30°
- B75E6B
Sensuous
- AB6091
≈ Exotic Bloom
- B66443
≈ Caramel Dream
Triada +120° +240°
- B75E6B
Sensuous
- 638B3F
≈ Hidden Paradise
- 4680C0
≈ Worn Denim
Komplementarna rozszczepiona +150° +210°
- B75E6B
Sensuous
- 289268
≈ Viridian
- 008BAC
≈ Corfu Waters
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.35:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.82:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
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);
}