Color con nombre más cercano · #013F29
#013F29
Color con nombre más cercano: Zucchini
#013F29 (rgb(1 63 41), hsl(159 97% 13%), oklch(0.325 0.07 162.3)) se parece más al color con nombre Zucchini. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#013F29
oklch(0.325 0.07 162.3)
Conversiones de color
- HEX
- #013f29
- RGB
- rgb(1 63 41)
- HSL
- hsl(159 97% 13%)
- HWB
- hwb(159 0% 75%)
- OKLCH
- oklch(0.325 0.07 162.3)
- OKLab
- oklab(0.325 -0.067 0.021)
- CIE Lab
- lab(22.67 -23.91 8.16)
- LCH
- lch(22.67 25.26 161.2)
- CMYK
- cmyk(98% 0% 35% 75%)
Tintes · Sombras · Tonos
Tintes
- 21503B
- 39624F
- 517463
- 688777
- 809A8D
- 99AEA2
- B2C1B9
- CBD6D0
- E5EAE7
Sombras
- 013522
- 012C1C
- 002315
- 001B0F
- 001209
- 000A05
- 000402
- 000101
- 000000
Tonos
- 154531
- 234C39
- 305242
- 3C594A
- 475F53
- 53665C
- 5E6C65
- 69736E
- 757977
Armonías de color
Complementario +180°
- 013F29
Zucchini
- 4C243E
≈ Prestige Mauve
Análogo -30° +30°
- 013F29
Zucchini
- 263B12
≈ Queen of Trees
- 003D3C
≈ Rich Black
Triádico +120° +240°
- 013F29
Zucchini
- 2F2F57
≈ Purple Noir
- 512615
≈ Peaty Brown
Complementario dividido +150° +210°
- 013F29
Zucchini
- 40294E
≈ Operetta Mauve
- 52232A
≈ Lonestar
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 12.03:1 · APCA Lc 97
Ag
FailSobre negro
WCAG 1.74:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 12.03:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmentos de código
CSS
:root {
--zucchini: #013f29;
--zucchini-rgb: 1 63 41;
--zucchini-oklch: oklch(0.325 0.07 162.3);
}
.element {
color: var(--zucchini);
background-color: hsl(159 97% 13%);
border-color: oklch(0.325 0.07 162.3);
}Tailwind CSS v4
@theme {
--color-zucchini: #013f29;
--color-zucchini-50: #e4fcf0;
--color-zucchini-100: #d3f0e2;
--color-zucchini-200: #badecc;
--color-zucchini-300: #97c3ae;
--color-zucchini-400: #78ac92;
--color-zucchini-500: #599578;
--color-zucchini-600: #4c7e66;
--color-zucchini-700: #3c6551;
--color-zucchini-800: #2c4a3a;
--color-zucchini-900: #1d3328;
--color-zucchini-950: #0d1f16;
}SCSS
$zucchini: #013f29;
$zucchini-rgb: 1, 63, 41;
$zucchini-light: mix(#fff, $zucchini, 20%);
$zucchini-dark: mix(#000, $zucchini, 20%);
.element {
color: $zucchini;
box-shadow: 0 0 0 2px rgba($zucchini, 0.35);
}