Colore con nome · #C58EAB
Bonny Belle
Bonny Belle è #C58EAB: rgb(197 142 171), hsl(328 32% 66%), oklch(0.709 0.077 346.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Bonny Belle color name →
#C58EAB
oklch(0.709 0.077 346.3)
Conversioni di colore
- HEX
- #c58eab
- RGB
- rgb(197 142 171)
- HSL
- hsl(328 32% 66%)
- HWB
- hwb(328 56% 23%)
- OKLCH
- oklch(0.709 0.077 346.3)
- OKLab
- oklab(0.709 0.074 -0.018)
- CIE Lab
- lab(65.19 24.78 -6.61)
- LCH
- lch(65.19 25.65 345.1)
- CMYK
- cmyk(0% 28% 13% 23%)
Tinte · Ombre · Toni
Tinte
- CB99B3
- D1A4BB
- D7AFC4
- DDBACC
- E3C6D4
- E9D1DD
- EEDCE5
- F4E8EE
- FAF3F6
Ombre
- AB7B94
- 92687E
- 795668
- 614454
- 4B3440
- 35242D
- 21151B
- 0E070B
- 020101
Toni
- BE8DA7
- B78BA2
- B18A9E
- AA899A
- A38795
- 9C8691
- 95858D
- 8E8388
- 878284
Armonie di colore
Complementare +180°
- C58EAB
Bonny Belle
- 71B196
≈ Dusty Jade Green
Analogo -30° +30°
- C58EAB
Bonny Belle
- B493C2
≈ Quibble
- CD8E91
≈ Martini East
Triadico +120° +240°
- C58EAB
Bonny Belle
- A7A56C
≈ Willow Leaf
- 6BABC6
≈ Moonstone Blue
Complementare divisa +150° +210°
- C58EAB
Bonny Belle
- 8BAD7D
≈ Cressida
- 63B0B1
≈ Fountain Blue
Tetradico +90° +180° +270°
- C58EAB
Bonny Belle
- BD9B6A
≈ Edgy Green
- 71B196
≈ Dusty Jade Green
- 82A3D1
≈ Boudoir Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.68:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.83:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.83:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--bonny-belle: #c58eab;
--bonny-belle-rgb: 197 142 171;
--bonny-belle-oklch: oklch(0.709 0.077 346.3);
}
.element {
color: var(--bonny-belle);
background-color: hsl(328 32% 66%);
border-color: oklch(0.709 0.077 346.3);
}Tailwind CSS v4
@theme {
--color-bonny-belle: #c58eab;
--color-bonny-belle-50: #ffedf9;
--color-bonny-belle-100: #fddeec;
--color-bonny-belle-200: #eec8da;
--color-bonny-belle-300: #d6a8be;
--color-bonny-belle-400: #c08ca8;
--color-bonny-belle-500: #ab7191;
--color-bonny-belle-600: #91607a;
--color-bonny-belle-700: #744d62;
--color-bonny-belle-800: #553849;
--color-bonny-belle-900: #3c2632;
--color-bonny-belle-950: #25141e;
}SCSS
$bonny-belle: #c58eab;
$bonny-belle-rgb: 197, 142, 171;
$bonny-belle-light: mix(#fff, $bonny-belle, 20%);
$bonny-belle-dark: mix(#000, $bonny-belle, 20%);
.element {
color: $bonny-belle;
box-shadow: 0 0 0 2px rgba($bonny-belle, 0.35);
}