Colore con nome · #A99891
Putty Pearl
Putty Pearl è #A99891: rgb(169 152 145), hsl(18 12% 62%), oklch(0.693 0.023 43.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Putty Pearl color name →
#A99891
oklch(0.693 0.023 43.8)
Conversioni di colore
- HEX
- #a99891
- RGB
- rgb(169 152 145)
- HSL
- hsl(18 12% 62%)
- HWB
- hwb(18 57% 34%)
- OKLCH
- oklch(0.693 0.023 43.8)
- OKLab
- oklab(0.693 0.016 0.016)
- CIE Lab
- lab(64.2 5.59 6.1)
- LCH
- lch(64.2 8.28 47.5)
- CMYK
- cmyk(0% 10% 14% 34%)
Tinte · Ombre · Toni
Tinte
- B1A29B
- BAACA6
- C2B6B1
- CBC0BC
- D3CAC7
- DCD5D2
- E5DFDD
- EDEAE8
- F6F4F4
Ombre
- 92847D
- 7C706A
- 675C58
- 534A46
- 3F3835
- 2C2725
- 1B1715
- 0A0807
- 010101
Toni
- A5968F
- A1938E
- 9D918C
- 988E8A
- 948C89
- 908A87
- 8C8785
- 888583
- 848282
Armonie di colore
Complementare +180°
- A99891
Putty Pearl
- 8EA0A7
≈ Symmetry
Analogo -30° +30°
- A99891
Putty Pearl
- AA9798
≈ Heirloom Quilt
- A59A8D
≈ Warm Waterlogged Lab Coat
Triadico +120° +240°
- A99891
Putty Pearl
- 90A198
≈ Verdant Retreat
- 9A9BAA
≈ Dame Dignity
Complementare divisa +150° +210°
- A99891
Putty Pearl
- 8DA1A0
≈ October Sky
- 939DAA
≈ Blue Heeler
Tetradico +90° +180° +270°
- A99891
Putty Pearl
- 969F91
≈ Sycamore Stand
- 8EA0A7
≈ Symmetry
- A198A6
≈ Fortune
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.76:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.58:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.58:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--putty-pearl: #a99891;
--putty-pearl-rgb: 169 152 145;
--putty-pearl-oklch: oklch(0.693 0.023 43.8);
}
.element {
color: var(--putty-pearl);
background-color: hsl(18 12% 62%);
border-color: oklch(0.693 0.023 43.8);
}Tailwind CSS v4
@theme {
--color-putty-pearl: #a99891;
--color-putty-pearl-50: #fbf3f0;
--color-putty-pearl-100: #efe6e2;
--color-putty-pearl-200: #ddd1cc;
--color-putty-pearl-300: #c2b4ae;
--color-putty-pearl-400: #ab9a94;
--color-putty-pearl-500: #94827a;
--color-putty-pearl-600: #7d6e68;
--color-putty-pearl-700: #645853;
--color-putty-pearl-800: #4a403c;
--color-putty-pearl-900: #332c29;
--color-putty-pearl-950: #1f1917;
}SCSS
$putty-pearl: #a99891;
$putty-pearl-rgb: 169, 152, 145;
$putty-pearl-light: mix(#fff, $putty-pearl, 20%);
$putty-pearl-dark: mix(#000, $putty-pearl, 20%);
.element {
color: $putty-pearl;
box-shadow: 0 0 0 2px rgba($putty-pearl, 0.35);
}