Colore con nome · #D6A48D
Shetland Pony
Shetland Pony è #D6A48D: rgb(214 164 141), hsl(19 47% 70%), oklch(0.759 0.068 45.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Shetland Pony color name →
#D6A48D
oklch(0.759 0.068 45.9)
Conversioni di colore
- HEX
- #d6a48d
- RGB
- rgb(214 164 141)
- HSL
- hsl(19 47% 70%)
- HWB
- hwb(19 55% 16%)
- OKLCH
- oklch(0.759 0.068 45.9)
- OKLab
- oklab(0.759 0.047 0.049)
- CIE Lab
- lab(71.68 16.75 19.48)
- LCH
- lch(71.68 25.69 49.3)
- CMYK
- cmyk(0% 23% 34% 16%)
Tinte · Ombre · Toni
Tinte
- DAAD98
- DFB6A3
- E3BFAF
- E7C8BA
- EBD1C5
- F0DAD1
- F3E3DC
- F7EDE8
- FBF6F3
Ombre
- BA8E7A
- 9E7967
- 846455
- 6A5044
- 523D33
- 3B2B23
- 251A14
- 100A07
- 020101
Toni
- CDA08C
- C59D8B
- BC998A
- B39688
- AB9287
- A28F86
- 9A8B84
- 918783
- 898481
Armonie di colore
Complementare +180°
- D6A48D
Shetland Pony
- 82BAD2
≈ Petit Four
Analogo -30° +30°
- D6A48D
Shetland Pony
- D8A0A2
≈ Rosetti Pink
- CAAB81
≈ Mindful
Triadico +120° +240°
- D6A48D
Shetland Pony
- 87BFA7
≈ Baby Cake
- ACABDB
≈ Monastic
Complementare divisa +150° +210°
- D6A48D
Shetland Pony
- 7CBFBF
≈ Pure Turquoise
- 95B3DC
≈ Echo Isles Water
Tetradico +90° +180° +270°
- D6A48D
Shetland Pony
- 9EBB90
≈ Glendale
- 82BAD2
≈ Petit Four
- C2A4CE
≈ Lilac Lace
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.55:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.55:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--shetland-pony: #d6a48d;
--shetland-pony-rgb: 214 164 141;
--shetland-pony-oklch: oklch(0.759 0.068 45.9);
}
.element {
color: var(--shetland-pony);
background-color: hsl(19 47% 70%);
border-color: oklch(0.759 0.068 45.9);
}Tailwind CSS v4
@theme {
--color-shetland-pony: #d6a48d;
--color-shetland-pony-50: #fff0e5;
--color-shetland-pony-100: #fce2d5;
--color-shetland-pony-200: #eeccbc;
--color-shetland-pony-300: #d5ae9a;
--color-shetland-pony-400: #c1927d;
--color-shetland-pony-500: #ac7860;
--color-shetland-pony-600: #916652;
--color-shetland-pony-700: #755141;
--color-shetland-pony-800: #563b2f;
--color-shetland-pony-900: #3c2820;
--color-shetland-pony-950: #26160f;
}SCSS
$shetland-pony: #d6a48d;
$shetland-pony-rgb: 214, 164, 141;
$shetland-pony-light: mix(#fff, $shetland-pony, 20%);
$shetland-pony-dark: mix(#000, $shetland-pony, 20%);
.element {
color: $shetland-pony;
box-shadow: 0 0 0 2px rgba($shetland-pony, 0.35);
}