Color con nombre más cercano · #256731
#256731
Color con nombre más cercano: Bucolic
#256731 (rgb(37 103 49), hsl(131 47% 27%), oklch(0.458 0.108 147)) se parece más al color con nombre Bucolic. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#256731
oklch(0.458 0.108 147)
Conversiones de color
- HEX
- #256731
- RGB
- rgb(37 103 49)
- HSL
- hsl(131 47% 27%)
- HWB
- hwb(131 15% 60%)
- OKLCH
- oklch(0.458 0.108 147)
- OKLab
- oklab(0.458 -0.091 0.059)
- CIE Lab
- lab(38.41 -31.36 23.83)
- LCH
- lch(38.41 39.39 142.8)
- CMYK
- cmyk(64% 0% 52% 60%)
Tintes · Sombras · Tonos
Tintes
- 3D7644
- 528458
- 67936C
- 7CA280
- 92B194
- A7C0A9
- BCD0BE
- D2DFD3
- E9EFE9
Sombras
- 1F5929
- 194B22
- 133D1A
- 0D3013
- 08230C
- 041706
- 020C03
- 000401
- 000000
Tonos
- 316A39
- 3B6C42
- 456F4A
- 4E7251
- 577459
- 5F7761
- 687969
- 707B71
- 787E78
Armonías de color
Complementario +180°
- 256731
Bucolic
- 763F76
≈ Spring Lobster Dye
Análogo -30° +30°
- 256731
Bucolic
- 545E00
≈ Greensboro
- 006656
≈ Piney Lake
Triádico +120° +240°
- 256731
Bucolic
- 3C5393
≈ Chinese Blue
- 8A3C35
≈ Red Blooded
Complementario dividido +150° +210°
- 256731
Bucolic
- 5E488C
≈ Purple Corallite
- 853A58
≈ Berry Patch
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.85:1 · APCA Lc 83
Ag
FailSobre negro
WCAG 3.06:1 · APCA Lc 19
Mejor color de texto: #FFFFFF
WCAG 6.85:1 (AA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--bucolic: #256731;
--bucolic-rgb: 37 103 49;
--bucolic-oklch: oklch(0.458 0.108 147);
}
.element {
color: var(--bucolic);
background-color: hsl(131 47% 27%);
border-color: oklch(0.458 0.108 147);
}Tailwind CSS v4
@theme {
--color-bucolic: #256731;
--color-bucolic-50: #e1fee5;
--color-bucolic-100: #d0f3d5;
--color-bucolic-200: #b5e2bb;
--color-bucolic-300: #90c799;
--color-bucolic-400: #72b079;
--color-bucolic-500: #50995a;
--color-bucolic-600: #45824d;
--color-bucolic-700: #37683d;
--color-bucolic-800: #284c2a;
--color-bucolic-900: #1b351c;
--color-bucolic-950: #0b200c;
}SCSS
$bucolic: #256731;
$bucolic-rgb: 37, 103, 49;
$bucolic-light: mix(#fff, $bucolic, 20%);
$bucolic-dark: mix(#000, $bucolic, 20%);
.element {
color: $bucolic;
box-shadow: 0 0 0 2px rgba($bucolic, 0.35);
}