Colore con nome · #D0AF7A
Romanesque Gold
Romanesque Gold è #D0AF7A: rgb(208 175 122), hsl(37 48% 65%), oklch(0.771 0.079 79). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Romanesque Gold color name →
#D0AF7A
oklch(0.771 0.079 79)
Conversioni di colore
- HEX
- #d0af7a
- RGB
- rgb(208 175 122)
- HSL
- hsl(37 48% 65%)
- HWB
- hwb(37 48% 18%)
- OKLCH
- oklch(0.771 0.079 79)
- OKLab
- oklab(0.771 0.015 0.078)
- CIE Lab
- lab(73.51 7.11 31.88)
- LCH
- lch(73.51 32.66 77.4)
- CMYK
- cmyk(0% 16% 41% 18%)
Tinte · Ombre · Toni
Tinte
- D5B787
- DABF95
- DEC7A2
- E3CFAF
- E8D7BD
- ECDFCA
- F1E7D7
- F6EFE4
- FAF7F2
Ombre
- B59869
- 9A8159
- 806B49
- 67563A
- 4F412B
- 392E1D
- 231C10
- 100B05
- 020101
Toni
- C8AA7B
- C0A67C
- B7A17D
- AF9C7E
- A7987F
- 9F937F
- 978E80
- 908980
- 888580
Armonie di colore
Complementare +180°
- D0AF7A
Romanesque Gold
- 96B6E8
≈ Adrift on the Nile
Analogo -30° +30°
- D0AF7A
Romanesque Gold
- DFA688
≈ Almost Apricot
- B8B97D
≈ Grass Cloth
Triadico +120° +240°
- D0AF7A
Romanesque Gold
- 73C4C8
≈ Luna Moona
- CBA5D5
≈ Favourite Lavender
Complementare divisa +150° +210°
- D0AF7A
Romanesque Gold
- 7DBFDD
≈ Bright Spark
- B2ADE5
≈ Maximum Blue Purple
Tetradico +90° +180° +270°
- D0AF7A
Romanesque Gold
- 80C5AC
≈ Green Balloon
- 96B6E8
≈ Adrift on the Nile
- DCA0BC
≈ Pink Gin
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.08:1 · APCA Lc 41
Ag
AAASu nero
WCAG 10.09:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.09:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--romanesque-gold: #d0af7a;
--romanesque-gold-rgb: 208 175 122;
--romanesque-gold-oklch: oklch(0.771 0.079 79);
}
.element {
color: var(--romanesque-gold);
background-color: hsl(37 48% 65%);
border-color: oklch(0.771 0.079 79);
}Tailwind CSS v4
@theme {
--color-romanesque-gold: #d0af7a;
--color-romanesque-gold-50: #fff3dc;
--color-romanesque-gold-100: #f6e6cb;
--color-romanesque-gold-200: #e6d1ae;
--color-romanesque-gold-300: #ccb489;
--color-romanesque-gold-400: #b89968;
--color-romanesque-gold-500: #a38046;
--color-romanesque-gold-600: #896c3c;
--color-romanesque-gold-700: #6e572f;
--color-romanesque-gold-800: #523f21;
--color-romanesque-gold-900: #392b16;
--color-romanesque-gold-950: #231807;
}SCSS
$romanesque-gold: #d0af7a;
$romanesque-gold-rgb: 208, 175, 122;
$romanesque-gold-light: mix(#fff, $romanesque-gold, 20%);
$romanesque-gold-dark: mix(#000, $romanesque-gold, 20%);
.element {
color: $romanesque-gold;
box-shadow: 0 0 0 2px rgba($romanesque-gold, 0.35);
}