Color con nombre más cercano · #574800
#574800
Color con nombre más cercano: Ayahuasca Vine
#574800 (rgb(87 72 0), hsl(50 100% 17%), oklch(0.405 0.083 95.4)) se parece más al color con nombre Ayahuasca Vine. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#574800
oklch(0.405 0.083 95.4)
Conversiones de color
- HEX
- #574800
- RGB
- rgb(87 72 0)
- HSL
- hsl(50 100% 17%)
- HWB
- hwb(50 0% 66%)
- OKLCH
- oklch(0.405 0.083 95.4)
- OKLab
- oklab(0.405 -0.008 0.083)
- CIE Lab
- lab(31.27 1.32 39.54)
- LCH
- lch(31.27 39.56 88.1)
- CMYK
- cmyk(0% 17% 100% 66%)
Tintes · Sombras · Tonos
Tintes
- 665923
- 766A3C
- 867B53
- 968D6B
- A79F82
- B8B29A
- C9C5B3
- DBD8CC
- EDEBE5
Sombras
- 4B3D00
- 3E3300
- 332900
- 271F00
- 1C1600
- 120D00
- 080600
- 030200
- 000000
Tonos
- 5B4E16
- 5F5325
- 635932
- 675E3D
- 6B6449
- 6F6A54
- 736F5F
- 78756A
- 7C7A75
Armonías de color
Complementario +180°
- 574800
Ayahuasca Vine
- 3D4476
≈ Little Blue Heron
Análogo -30° +30°
- 574800
Ayahuasca Vine
- 673E0D
≈ Pullman Brown
- 3E5119
≈ Verdun Green
Triádico +120° +240°
- 574800
Ayahuasca Vine
- 005261
≈ Sandalwood Grey Blue
- 64365B
≈ Blackberry Deep Red
Complementario dividido +150° +210°
- 574800
Ayahuasca Vine
- 1B4D73
≈ Sail Maker
- 543C6D
≈ Succinct Violet
Tetrádico +90° +180° +270°
- 574800
Ayahuasca Vine
- 00554E
≈ Cape Verde
- 3D4476
≈ Little Blue Heron
- 6E3443
≈ Cabernet Craving
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 9.00:1 · APCA Lc 91
Ag
FailSobre negro
WCAG 2.33:1 · APCA Lc 12
Mejor color de texto: #FFFFFF
WCAG 9.00:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--ayahuasca-vine: #574800;
--ayahuasca-vine-rgb: 87 72 0;
--ayahuasca-vine-oklch: oklch(0.405 0.083 95.4);
}
.element {
color: var(--ayahuasca-vine);
background-color: hsl(50 100% 17%);
border-color: oklch(0.405 0.083 95.4);
}Tailwind CSS v4
@theme {
--color-ayahuasca-vine: #574800;
--color-ayahuasca-vine-50: #fbf6db;
--color-ayahuasca-vine-100: #efe9c9;
--color-ayahuasca-vine-200: #ded5ad;
--color-ayahuasca-vine-300: #c3b887;
--color-ayahuasca-vine-400: #ad9e64;
--color-ayahuasca-vine-500: #978641;
--color-ayahuasca-vine-600: #807138;
--color-ayahuasca-vine-700: #665b2c;
--color-ayahuasca-vine-800: #4c421e;
--color-ayahuasca-vine-900: #352d14;
--color-ayahuasca-vine-950: #201a06;
}SCSS
$ayahuasca-vine: #574800;
$ayahuasca-vine-rgb: 87, 72, 0;
$ayahuasca-vine-light: mix(#fff, $ayahuasca-vine, 20%);
$ayahuasca-vine-dark: mix(#000, $ayahuasca-vine, 20%);
.element {
color: $ayahuasca-vine;
box-shadow: 0 0 0 2px rgba($ayahuasca-vine, 0.35);
}