Color con nombre más cercano · #2F6A32
#2F6A32
Color con nombre más cercano: Bucolic
#2F6A32 (rgb(47 106 50), hsl(123 39% 30%), oklch(0.47 0.107 144.6)) 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.
#2F6A32
oklch(0.47 0.107 144.6)
Conversiones de color
- HEX
- #2f6a32
- RGB
- rgb(47 106 50)
- HSL
- hsl(123 39% 30%)
- HWB
- hwb(123 18% 58%)
- OKLCH
- oklch(0.47 0.107 144.6)
- OKLab
- oklab(0.47 -0.087 0.062)
- CIE Lab
- lab(39.85 -29.71 25.13)
- LCH
- lch(39.85 38.91 139.8)
- CMYK
- cmyk(56% 0% 53% 58%)
Tintes · Sombras · Tonos
Tintes
- 447846
- 598759
- 6D956D
- 81A481
- 95B395
- AAC2A9
- BFD1BE
- D4E0D4
- E9EFE9
Sombras
- 275B2A
- 204D22
- 193F1B
- 123114
- 0C240D
- 061807
- 030D03
- 010401
- 000000
Tonos
- 396C3A
- 426F43
- 4A714B
- 527352
- 5A765A
- 627862
- 6A7A69
- 717C71
- 797E78
Armonías de color
Complementario +180°
- 2F6A32
Bucolic
- 78447C
≈ Nightly Violet
Análogo -30° +30°
Triádico +120° +240°
- 2F6A32
Bucolic
- 3C5896
≈ Muted Lavender
- 8D3F3C
≈ Carriage Red
Complementario dividido +150° +210°
- 2F6A32
Bucolic
- 5F4D90
≈ Purple Corallite
- 883E5E
≈ Ancient Royal Banner
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.50:1 · APCA Lc 82
Ag
FailSobre negro
WCAG 3.22:1 · APCA Lc 20
Mejor color de texto: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--bucolic: #2f6a32;
--bucolic-rgb: 47 106 50;
--bucolic-oklch: oklch(0.47 0.107 144.6);
}
.element {
color: var(--bucolic);
background-color: hsl(123 39% 30%);
border-color: oklch(0.47 0.107 144.6);
}Tailwind CSS v4
@theme {
--color-bucolic: #2f6a32;
--color-bucolic-50: #e2fee4;
--color-bucolic-100: #d2f2d3;
--color-bucolic-200: #b7e1ba;
--color-bucolic-300: #94c797;
--color-bucolic-400: #76af76;
--color-bucolic-500: #569858;
--color-bucolic-600: #49814b;
--color-bucolic-700: #3a673b;
--color-bucolic-800: #2b4c29;
--color-bucolic-900: #1d351b;
--color-bucolic-950: #0d200c;
}SCSS
$bucolic: #2f6a32;
$bucolic-rgb: 47, 106, 50;
$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);
}