Colore con nome · #C3909B
Grey Pink
Grey Pink è #C3909B: rgb(195 144 155), hsl(347 30% 66%), oklch(0.705 0.063 4.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Grey Pink color name →
#C3909B
oklch(0.705 0.063 4.5)
Conversioni di colore
- HEX
- #c3909b
- RGB
- rgb(195 144 155)
- HSL
- hsl(347 30% 66%)
- HWB
- hwb(347 56% 24%)
- OKLCH
- oklch(0.705 0.063 4.5)
- OKLab
- oklab(0.705 0.063 0.005)
- CIE Lab
- lab(65.06 21.09 2.15)
- LCH
- lch(65.06 21.2 5.8)
- CMYK
- cmyk(0% 26% 21% 24%)
Tinte · Ombre · Toni
Tinte
- C99BA5
- D0A6AE
- D6B0B8
- DCBBC2
- E2C7CC
- E8D2D6
- EEDDE0
- F4E8EA
- F9F4F5
Ombre
- A97D86
- 906A72
- 78575E
- 60454B
- 4A3439
- 342428
- 201518
- 0E0709
- 020101
Toni
- BC8F98
- B68D96
- AF8B93
- A88A90
- A2888D
- 9B878B
- 948588
- 8E8385
- 878283
Armonie di colore
Complementare +180°
- C3909B
Grey Pink
- 72ADA5
≈ Turquoise Fantasies
Analogo -30° +30°
- C3909B
Grey Pink
- B992B0
≈ Blooming Lilac
- C49286
≈ Evening Blush
Triadico +120° +240°
- C3909B
Grey Pink
- 97A77C
≈ Forester
- 7FA5C5
≈ Seaborne
Complementare divisa +150° +210°
- C3909B
Grey Pink
- 81AC8F
≈ Nature Green
- 71ABB9
≈ Snowboard
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.69:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.78:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.78:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--grey-pink: #c3909b;
--grey-pink-rgb: 195 144 155;
--grey-pink-oklch: oklch(0.705 0.063 4.5);
}
.element {
color: var(--grey-pink);
background-color: hsl(347 30% 66%);
border-color: oklch(0.705 0.063 4.5);
}Tailwind CSS v4
@theme {
--color-grey-pink: #c3909b;
--color-grey-pink-50: #ffeef2;
--color-grey-pink-100: #fce0e4;
--color-grey-pink-200: #edcad0;
--color-grey-pink-300: #d5abb2;
--color-grey-pink-400: #c08f9a;
--color-grey-pink-500: #ab7581;
--color-grey-pink-600: #90636d;
--color-grey-pink-700: #744f57;
--color-grey-pink-800: #553940;
--color-grey-pink-900: #3c272c;
--color-grey-pink-950: #251519;
}SCSS
$grey-pink: #c3909b;
$grey-pink-rgb: 195, 144, 155;
$grey-pink-light: mix(#fff, $grey-pink, 20%);
$grey-pink-dark: mix(#000, $grey-pink, 20%);
.element {
color: $grey-pink;
box-shadow: 0 0 0 2px rgba($grey-pink, 0.35);
}