Color con nombre más cercano · #116B32
#116B32
Color con nombre más cercano: Bucolic
#116B32 (rgb(17 107 50), hsl(142 73% 24%), oklch(0.464 0.12 150)) 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.
#116B32
oklch(0.464 0.12 150)
Conversiones de color
- HEX
- #116b32
- RGB
- rgb(17 107 50)
- HSL
- hsl(142 73% 24%)
- HWB
- hwb(142 7% 58%)
- OKLCH
- oklch(0.464 0.12 150)
- OKLab
- oklab(0.464 -0.104 0.06)
- CIE Lab
- lab(39.34 -36.48 24.28)
- LCH
- lch(39.34 43.82 146.4)
- CMYK
- cmyk(84% 0% 53% 58%)
Tintes · Sombras · Tonos
Tintes
- 327945
- 4B8859
- 62966C
- 78A580
- 8EB495
- A4C2A9
- BAD1BE
- D1E0D3
- E8F0E9
Sombras
- 0D5C2A
- 094E22
- 063F1B
- 043214
- 02250D
- 011807
- 000D03
- 000401
- 000000
Tonos
- 256D3A
- 337043
- 3E724A
- 497452
- 53765A
- 5C7962
- 667B69
- 6F7C71
- 777E78
Armonías de color
Complementario +180°
- 116B32
Bucolic
- 7D3D79
≈ Deep Commitment to Purple
Análogo -30° +30°
- 116B32
Bucolic
- 526100
≈ Camouflage Green
- 00685B
≈ Bella Vista
Triádico +120° +240°
- 116B32
Bucolic
- 3F539C
≈ Crushed Velvet
- 903A2E
≈ Gatsby Brick
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.61:1 · APCA Lc 82
Ag
FailSobre negro
WCAG 3.17:1 · APCA Lc 20
Mejor color de texto: #FFFFFF
WCAG 6.61:1 (AA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--bucolic: #116b32;
--bucolic-rgb: 17 107 50;
--bucolic-oklch: oklch(0.464 0.12 150);
}
.element {
color: var(--bucolic);
background-color: hsl(142 73% 24%);
border-color: oklch(0.464 0.12 150);
}Tailwind CSS v4
@theme {
--color-bucolic: #116b32;
--color-bucolic-50: #ddffe5;
--color-bucolic-100: #cbf4d4;
--color-bucolic-200: #aee4bb;
--color-bucolic-300: #88c999;
--color-bucolic-400: #67b278;
--color-bucolic-500: #409c5a;
--color-bucolic-600: #38844c;
--color-bucolic-700: #2c6a3d;
--color-bucolic-800: #214d29;
--color-bucolic-900: #16361c;
--color-bucolic-950: #07210c;
}SCSS
$bucolic: #116b32;
$bucolic-rgb: 17, 107, 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);
}