Nazwany kolor · #BB8E84
Venetian Pink
Venetian Pink to #BB8E84: rgb(187 142 132), hsl(11 29% 63%), oklch(0.687 0.057 32.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Venetian Pink color name →
#BB8E84
oklch(0.687 0.057 32.8)
Konwersje koloru
- HEX
- #bb8e84
- RGB
- rgb(187 142 132)
- HSL
- hsl(11 29% 63%)
- HWB
- hwb(11 52% 27%)
- OKLCH
- oklch(0.687 0.057 32.8)
- OKLab
- oklab(0.687 0.048 0.031)
- CIE Lab
- lab(63.22 16.53 12.31)
- LCH
- lch(63.22 20.61 36.7)
- CMYK
- cmyk(0% 24% 29% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C29990
- C9A49C
- D0AFA8
- D7BAB4
- DEC5C0
- E4D1CC
- EBDCD9
- F2E8E5
- F8F3F2
Odcienie ciemniejsze
- A27B72
- 8A6860
- 73564F
- 5C443F
- 46342F
- 322420
- 1F1512
- 0D0706
- 020101
Tony
- B58D84
- AF8B83
- AA8A83
- A48983
- 9E8782
- 988682
- 928481
- 8C8381
- 868280
Harmonie kolorów
Komplementarna +180°
- BB8E84
Venetian Pink
- 70A4AF
≈ Stillwater
Analogowa -30° +30°
- BB8E84
Venetian Pink
- BA8C97
≈ Rosenkavalier
- B49376
≈ Colorado Trail
Triada +120° +240°
- BB8E84
Venetian Pink
- 80A58A
≈ Gallery Green
- 8E99BE
≈ Manifest Destiny
Komplementarna rozszczepiona +150° +210°
- BB8E84
Venetian Pink
- 72A69D
≈ Twining Vine
- 7C9FBB
≈ Blue Nile
Tetrada +90° +180° +270°
- BB8E84
Venetian Pink
- 94A179
≈ Renkon Beige
- 70A4AF
≈ Stillwater
- A192B8
≈ Lush Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.87:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.31:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.31:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--venetian-pink: #bb8e84;
--venetian-pink-rgb: 187 142 132;
--venetian-pink-oklch: oklch(0.687 0.057 32.8);
}
.element {
color: var(--venetian-pink);
background-color: hsl(11 29% 63%);
border-color: oklch(0.687 0.057 32.8);
}Tailwind CSS v4
@theme {
--color-venetian-pink: #bb8e84;
--color-venetian-pink-50: #fff0ea;
--color-venetian-pink-100: #fae2db;
--color-venetian-pink-200: #ebccc4;
--color-venetian-pink-300: #d3aea4;
--color-venetian-pink-400: #be9389;
--color-venetian-pink-500: #a9796e;
--color-venetian-pink-600: #8e665d;
--color-venetian-pink-700: #72524a;
--color-venetian-pink-800: #543b36;
--color-venetian-pink-900: #3b2925;
--color-venetian-pink-950: #251614;
}SCSS
$venetian-pink: #bb8e84;
$venetian-pink-rgb: 187, 142, 132;
$venetian-pink-light: mix(#fff, $venetian-pink, 20%);
$venetian-pink-dark: mix(#000, $venetian-pink, 20%);
.element {
color: $venetian-pink;
box-shadow: 0 0 0 2px rgba($venetian-pink, 0.35);
}