Colore con nome · #C96FA8
Sugar Creek
Sugar Creek è #C96FA8: rgb(201 111 168), hsl(322 45% 61%), oklch(0.66 0.133 342.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Sugar Creek color name →
#C96FA8
oklch(0.66 0.133 342.7)
Conversioni di colore
- HEX
- #c96fa8
- RGB
- rgb(201 111 168)
- HSL
- hsl(322 45% 61%)
- HWB
- hwb(322 44% 21%)
- OKLCH
- oklch(0.66 0.133 342.7)
- OKLab
- oklab(0.66 0.127 -0.039)
- CIE Lab
- lab(58.76 41.74 -14.36)
- LCH
- lch(58.76 44.14 341)
- CMYK
- cmyk(0% 45% 16% 21%)
Tinte · Ombre · Toni
Tinte
- CF7EB1
- D68CB9
- DC9AC2
- E1A9CA
- E7B7D3
- ECC5DC
- F1D4E4
- F6E2ED
- FBF0F6
Ombre
- AE6092
- 95517C
- 7C4267
- 643452
- 4C273F
- 361A2C
- 220E1A
- 0F040A
- 020101
Toni
- C271A4
- BB74A0
- B4769C
- AD7898
- A67994
- 9F7B90
- 977C8C
- 907E88
- 887F84
Armonie di colore
Complementare +180°
- C96FA8
Sugar Creek
- 27AB7A
≈ Crayola Green
Analogo -30° +30°
- C96FA8
Sugar Creek
- AE78CC
≈ Wisteria
- D66D7B
≈ Pinkish
Triadico +120° +240°
- C96FA8
Sugar Creek
- A29517
≈ Rapeseed Oil
- 00A2C8
≈ Resonant Blue
Complementare divisa +150° +210°
- C96FA8
Sugar Creek
- 72A349
≈ Unakite
- 00A8A5
≈ Jadestone
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.32:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.32:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--sugar-creek: #c96fa8;
--sugar-creek-rgb: 201 111 168;
--sugar-creek-oklch: oklch(0.66 0.133 342.7);
}
.element {
color: var(--sugar-creek);
background-color: hsl(322 45% 61%);
border-color: oklch(0.66 0.133 342.7);
}Tailwind CSS v4
@theme {
--color-sugar-creek: #c96fa8;
--color-sugar-creek-50: #ffe7fe;
--color-sugar-creek-100: #ffd7f2;
--color-sugar-creek-200: #febee2;
--color-sugar-creek-300: #e89cc7;
--color-sugar-creek-400: #d47db3;
--color-sugar-creek-500: #c05e9e;
--color-sugar-creek-600: #a25085;
--color-sugar-creek-700: #82406b;
--color-sugar-creek-800: #602e50;
--color-sugar-creek-900: #431f38;
--color-sugar-creek-950: #2b0e22;
}SCSS
$sugar-creek: #c96fa8;
$sugar-creek-rgb: 201, 111, 168;
$sugar-creek-light: mix(#fff, $sugar-creek, 20%);
$sugar-creek-dark: mix(#000, $sugar-creek, 20%);
.element {
color: $sugar-creek;
box-shadow: 0 0 0 2px rgba($sugar-creek, 0.35);
}