Colore con nome · #C99F99
Aged Pink
Aged Pink è #C99F99: rgb(201 159 153), hsl(8 31% 69%), oklch(0.739 0.051 27.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Aged Pink color name →
#C99F99
oklch(0.739 0.051 27.7)
Conversioni di colore
- HEX
- #c99f99
- RGB
- rgb(201 159 153)
- HSL
- hsl(8 31% 69%)
- HWB
- hwb(8 60% 21%)
- OKLCH
- oklch(0.739 0.051 27.7)
- OKLab
- oklab(0.739 0.045 0.024)
- CIE Lab
- lab(69.31 15.39 9.4)
- LCH
- lch(69.31 18.03 31.4)
- CMYK
- cmyk(0% 21% 24% 21%)
Tinte · Ombre · Toni
Tinte
- CFA8A3
- D4B2AD
- DABBB7
- DFC5C1
- E5CECB
- EAD8D5
- EFE2E0
- F5EBEA
- FAF5F4
Ombre
- AE8A84
- 957570
- 7C615D
- 644D4A
- 4C3B38
- 362927
- 221817
- 0F0908
- 020101
Toni
- C29C97
- BA9994
- B39692
- AC938F
- A4908D
- 9D8C8A
- 968988
- 8F8685
- 878383
Armonie di colore
Complementare +180°
- C99F99
Aged Pink
- 85B4BB
≈ Lifeboat Blue
Analogo -30° +30°
- C99F99
Aged Pink
- C69EAA
≈ Fauna
- C4A38B
≈ Peanut Butter Crust
Triadico +120° +240°
- C99F99
Aged Pink
- 96B499
≈ Liebermann Green
- 9DAACC
≈ Brunnera Blue
Complementare divisa +150° +210°
- C99F99
Aged Pink
- 88B6AA
≈ Silicate Green
- 8DB0C7
≈ Windy Day
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.90:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.90:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--aged-pink: #c99f99;
--aged-pink-rgb: 201 159 153;
--aged-pink-oklch: oklch(0.739 0.051 27.7);
}
.element {
color: var(--aged-pink);
background-color: hsl(8 31% 69%);
border-color: oklch(0.739 0.051 27.7);
}Tailwind CSS v4
@theme {
--color-aged-pink: #c99f99;
--color-aged-pink-50: #fff0ed;
--color-aged-pink-100: #f9e2de;
--color-aged-pink-200: #e9cdc8;
--color-aged-pink-300: #d0aea8;
--color-aged-pink-400: #bb948e;
--color-aged-pink-500: #a57a74;
--color-aged-pink-600: #8c6762;
--color-aged-pink-700: #70524e;
--color-aged-pink-800: #533c39;
--color-aged-pink-900: #3a2927;
--color-aged-pink-950: #241715;
}SCSS
$aged-pink: #c99f99;
$aged-pink-rgb: 201, 159, 153;
$aged-pink-light: mix(#fff, $aged-pink, 20%);
$aged-pink-dark: mix(#000, $aged-pink, 20%);
.element {
color: $aged-pink;
box-shadow: 0 0 0 2px rgba($aged-pink, 0.35);
}