Colore con nome · #C6AA81
Pony
Pony è #C6AA81: rgb(198 170 129), hsl(36 38% 64%), oklch(0.753 0.064 77). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pony color name →
#C6AA81
oklch(0.753 0.064 77)
Conversioni di colore
- HEX
- #c6aa81
- RGB
- rgb(198 170 129)
- HSL
- hsl(36 38% 64%)
- HWB
- hwb(36 51% 22%)
- OKLCH
- oklch(0.753 0.064 77)
- OKLab
- oklab(0.753 0.014 0.063)
- CIE Lab
- lab(71.36 6.18 25.16)
- LCH
- lch(71.36 25.91 76.2)
- CMYK
- cmyk(0% 14% 35% 22%)
Tinte · Ombre · Toni
Tinte
- CCB28D
- D1BB9A
- D7C3A6
- DDCCB3
- E2D4BF
- E8DDCC
- EEE5D9
- F4EEE5
- F9F6F2
Ombre
- AC936F
- 927D5E
- 7A684E
- 62533E
- 4B3F2E
- 352D1F
- 211B12
- 0E0B06
- 020101
Toni
- BFA681
- B8A281
- B19D82
- AA9982
- A39582
- 9C9181
- 958D81
- 8E8881
- 878480
Armonie di colore
Complementare +180°
- C6AA81
Pony
- 95B1D8
≈ Blue Skies Today
Analogo -30° +30°
- C6AA81
Pony
- D2A38C
≈ Autumn Malt
- B3B283
≈ Winter Pear
Triadico +120° +240°
- C6AA81
Pony
- 7DBCBD
≈ Pure Turquoise
- C0A3CA
≈ Pale Grape
Complementare divisa +150° +210°
- C6AA81
Pony
- 83B8CF
≈ Petit Four
- ABA9D6
≈ Monastic
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.21:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.46:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.46:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--pony: #c6aa81;
--pony-rgb: 198 170 129;
--pony-oklch: oklch(0.753 0.064 77);
}
.element {
color: var(--pony);
background-color: hsl(36 38% 64%);
border-color: oklch(0.753 0.064 77);
}Tailwind CSS v4
@theme {
--color-pony: #c6aa81;
--color-pony-50: #fff3e1;
--color-pony-100: #f4e6d1;
--color-pony-200: #e3d2b6;
--color-pony-300: #c9b493;
--color-pony-400: #b49a74;
--color-pony-500: #9e8155;
--color-pony-600: #866d48;
--color-pony-700: #6b5739;
--color-pony-800: #503f29;
--color-pony-900: #372c1b;
--color-pony-950: #22190c;
}SCSS
$pony: #c6aa81;
$pony-rgb: 198, 170, 129;
$pony-light: mix(#fff, $pony, 20%);
$pony-dark: mix(#000, $pony, 20%);
.element {
color: $pony;
box-shadow: 0 0 0 2px rgba($pony, 0.35);
}