Colore con nome · #555500
Douro
Douro è #555500: rgb(85 85 0), hsl(60 100% 17%), oklch(0.435 0.095 109.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Douro color name →
#555500
oklch(0.435 0.095 109.8)
Conversioni di colore
- HEX
- #555500
- RGB
- rgb(85 85 0)
- HSL
- hsl(60 100% 17%)
- HWB
- hwb(60 0% 67%)
- OKLCH
- oklch(0.435 0.095 109.8)
- OKLab
- oklab(0.435 -0.032 0.089)
- CIE Lab
- lab(35.07 -7.08 41.98)
- LCH
- lch(35.07 42.58 99.6)
- CMYK
- cmyk(0% 0% 100% 67%)
Tinte · Ombre · Toni
Tinte
- 646525
- 74753E
- 848556
- 94966D
- A5A785
- B7B89C
- C8C9B5
- DADBCD
- ECEDE6
Ombre
- 494900
- 3D3D00
- 313100
- 262600
- 1C1C00
- 111100
- 080800
- 020200
- 000000
Toni
- 595918
- 5D5E27
- 616234
- 656740
- 6A6B4B
- 6E6F56
- 727360
- 77786B
- 7B7C75
Armonie di colore
Complementare +180°
- 555500
Douro
- 514781
≈ Fresh Eggplant
Analogo -30° +30°
Triadico +120° +240°
- 555500
Douro
- 005977
≈ Ink Blue
- 773959
≈ Passionate Plum
Complementare divisa +150° +210°
- 555500
Douro
- 315185
≈ Fun Blue
- 683E72
≈ Majesty
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.81:1 · APCA Lc 87
Ag
FailSu nero
WCAG 2.68:1 · APCA Lc 15
Miglior colore del testo: #FFFFFF
WCAG 7.81:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--douro: #555500;
--douro-rgb: 85 85 0;
--douro-oklch: oklch(0.435 0.095 109.8);
}
.element {
color: var(--douro);
background-color: hsl(60 100% 17%);
border-color: oklch(0.435 0.095 109.8);
}Tailwind CSS v4
@theme {
--color-douro: #555500;
--color-douro-50: #f5f8da;
--color-douro-100: #e8ecc8;
--color-douro-200: #d5d9aa;
--color-douro-300: #b8bd84;
--color-douro-400: #a2a360;
--color-douro-500: #8a8b3a;
--color-douro-600: #757632;
--color-douro-700: #5e5e28;
--color-douro-800: #46451a;
--color-douro-900: #302f11;
--color-douro-950: #1d1c04;
}SCSS
$douro: #555500;
$douro-rgb: 85, 85, 0;
$douro-light: mix(#fff, $douro, 20%);
$douro-dark: mix(#000, $douro, 20%);
.element {
color: $douro;
box-shadow: 0 0 0 2px rgba($douro, 0.35);
}