Colore con nome · #CB6A6B
Strawberry Wine
Strawberry Wine è #CB6A6B: rgb(203 106 107), hsl(359 48% 61%), oklch(0.637 0.123 20.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Strawberry Wine color name →
#CB6A6B
oklch(0.637 0.123 20.5)
Conversioni di colore
- HEX
- #cb6a6b
- RGB
- rgb(203 106 107)
- HSL
- hsl(359 48% 61%)
- HWB
- hwb(359 42% 20%)
- OKLCH
- oklch(0.637 0.123 20.5)
- OKLab
- oklab(0.637 0.115 0.043)
- CIE Lab
- lab(56.6 39.27 17.9)
- LCH
- lch(56.6 43.15 24.5)
- CMYK
- cmyk(0% 48% 47% 20%)
Tinte · Ombre · Toni
Tinte
- D27979
- D88887
- DE9796
- E4A6A4
- E9B4B3
- EEC3C2
- F3D2D1
- F7E1E0
- FBF0EF
Ombre
- B05B5C
- 964D4E
- 7D3F3F
- 653132
- 4D2425
- 371818
- 220D0D
- 0F0404
- 020000
Toni
- C46D6D
- BD7070
- B67272
- AF7574
- A87776
- A07978
- 997B7A
- 917D7C
- 897E7E
Armonie di colore
Complementare +180°
- CB6A6B
Strawberry Wine
- 009EA5
≈ Turkish Boy
Analogo -30° +30°
- CB6A6B
Strawberry Wine
- C26A95
≈ Fuchsia Kiss
- C67340
≈ Zest
Triadico +120° +240°
- CB6A6B
Strawberry Wine
- 609D54
≈ Savage Garden
- 5F8BD5
≈ Livid
Complementare divisa +150° +210°
- CB6A6B
Strawberry Wine
- 0EA380
≈ Congo Green
- 1698C7
≈ UV Light
Tetradico +90° +180° +270°
- CB6A6B
Strawberry Wine
- 8F9129
≈ Chorus of Frogs
- 009EA5
≈ Turkish Boy
- 8B7DD0
≈ Indigo Bloom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.61:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.81:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.81:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--strawberry-wine: #cb6a6b;
--strawberry-wine-rgb: 203 106 107;
--strawberry-wine-oklch: oklch(0.637 0.123 20.5);
}
.element {
color: var(--strawberry-wine);
background-color: hsl(359 48% 61%);
border-color: oklch(0.637 0.123 20.5);
}Tailwind CSS v4
@theme {
--color-strawberry-wine: #cb6a6b;
--color-strawberry-wine-50: #ffe8e5;
--color-strawberry-wine-100: #ffd9d5;
--color-strawberry-wine-200: #ffc0bc;
--color-strawberry-wine-300: #f09e9a;
--color-strawberry-wine-400: #de7f7f;
--color-strawberry-wine-500: #cb6063;
--color-strawberry-wine-600: #ab5254;
--color-strawberry-wine-700: #8a4243;
--color-strawberry-wine-800: #662f32;
--color-strawberry-wine-900: #482022;
--color-strawberry-wine-950: #2f0f11;
}SCSS
$strawberry-wine: #cb6a6b;
$strawberry-wine-rgb: 203, 106, 107;
$strawberry-wine-light: mix(#fff, $strawberry-wine, 20%);
$strawberry-wine-dark: mix(#000, $strawberry-wine, 20%);
.element {
color: $strawberry-wine;
box-shadow: 0 0 0 2px rgba($strawberry-wine, 0.35);
}