Colore con nome · #C99AA0
Careys Pink
Careys Pink è #C99AA0: rgb(201 154 160), hsl(352 30% 70%), oklch(0.732 0.057 10). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Careys Pink color name →
#C99AA0
oklch(0.732 0.057 10)
Conversioni di colore
- HEX
- #c99aa0
- RGB
- rgb(201 154 160)
- HSL
- hsl(352 30% 70%)
- HWB
- hwb(352 60% 21%)
- OKLCH
- oklch(0.732 0.057 10)
- OKLab
- oklab(0.732 0.056 0.01)
- CIE Lab
- lab(68.24 18.75 4)
- LCH
- lch(68.24 19.17 12.1)
- CMYK
- cmyk(0% 23% 20% 21%)
Tinte · Ombre · Toni
Tinte
- CFA4A9
- D4AEB2
- DAB8BC
- DFC2C5
- E5CCCE
- EAD6D8
- EFE0E2
- F5EAEB
- FAF5F5
Ombre
- AE858B
- 957176
- 7C5E61
- 644B4E
- 4C393B
- 362729
- 221719
- 0F0909
- 020101
Toni
- C2979D
- BA959A
- B39296
- AC9093
- A58D90
- 9D8B8D
- 968889
- 8F8586
- 878383
Armonie di colore
Complementare +180°
- C99AA0
Careys Pink
- 7EB4B0
≈ Melodious
Analogo -30° +30°
- C99AA0
Careys Pink
- C19BB4
≈ Lily
- C89D8E
≈ Artefact
Triadico +120° +240°
- C99AA0
Careys Pink
- 9DB08A
≈ Venetian Glass
- 8EACCB
≈ Northern Sky
Complementare divisa +150° +210°
- C99AA0
Careys Pink
- 8AB49C
≈ Holly Fern
- 80B1C1
≈ Heavenly
Tetradico +90° +180° +270°
- C99AA0
Careys Pink
- B0AA80
≈ Water Reed
- 7EB4B0
≈ Melodious
- A1A5CC
≈ Venus Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.43:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.61:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.61:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--careys-pink: #c99aa0;
--careys-pink-rgb: 201 154 160;
--careys-pink-oklch: oklch(0.732 0.057 10);
}
.element {
color: var(--careys-pink);
background-color: hsl(352 30% 70%);
border-color: oklch(0.732 0.057 10);
}Tailwind CSS v4
@theme {
--color-careys-pink: #c99aa0;
--color-careys-pink-50: #ffeff1;
--color-careys-pink-100: #fae1e3;
--color-careys-pink-200: #ebcbce;
--color-careys-pink-300: #d3acb0;
--color-careys-pink-400: #bd9197;
--color-careys-pink-500: #a8777d;
--color-careys-pink-600: #8e656a;
--color-careys-pink-700: #725055;
--color-careys-pink-800: #543a3f;
--color-careys-pink-900: #3b282b;
--color-careys-pink-950: #241618;
}SCSS
$careys-pink: #c99aa0;
$careys-pink-rgb: 201, 154, 160;
$careys-pink-light: mix(#fff, $careys-pink, 20%);
$careys-pink-dark: mix(#000, $careys-pink, 20%);
.element {
color: $careys-pink;
box-shadow: 0 0 0 2px rgba($careys-pink, 0.35);
}