Color con nombre más cercano · #136A32
#136A32
Color con nombre más cercano: Bucolic
#136A32 (rgb(19 106 50), hsl(141 70% 25%), oklch(0.462 0.118 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.
#136A32
oklch(0.462 0.118 150)
Conversiones de color
- HEX
- #136a32
- RGB
- rgb(19 106 50)
- HSL
- hsl(141 70% 25%)
- HWB
- hwb(141 7% 58%)
- OKLCH
- oklch(0.462 0.118 150)
- OKLab
- oklab(0.462 -0.102 0.059)
- CIE Lab
- lab(39.02 -35.87 23.9)
- LCH
- lch(39.02 43.1 146.3)
- CMYK
- cmyk(82% 0% 53% 58%)
Tintes · Sombras · Tonos
Tintes
- 337845
- 4B8759
- 62956C
- 78A480
- 8EB395
- A4C2A9
- BBD1BE
- D1E0D3
- E8F0E9
Sombras
- 0F5B2A
- 0B4D22
- 073F1B
- 053114
- 03240D
- 011807
- 010D03
- 000401
- 000000
Tonos
- 266D3A
- 336F42
- 3F714A
- 497452
- 53765A
- 5D7861
- 667A69
- 6F7C71
- 777E78
Armonías de color
Complementario +180°
- 136A32
Bucolic
- 7C3D78
≈ Deep Commitment to Purple
Análogo -30° +30°
- 136A32
Bucolic
- 516100
≈ Camouflage Green
- 00675A
≈ Dancing Dragonfly
Triádico +120° +240°
- 136A32
Bucolic
- 3F529A
≈ Crushed Velvet
- 8F3A2E
≈ Gatsby Brick
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.69:1 · APCA Lc 83
Ag
FailSobre negro
WCAG 3.13:1 · APCA Lc 19
Mejor color de texto: #FFFFFF
WCAG 6.69:1 (AA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--bucolic: #136a32;
--bucolic-rgb: 19 106 50;
--bucolic-oklch: oklch(0.462 0.118 150);
}
.element {
color: var(--bucolic);
background-color: hsl(141 70% 25%);
border-color: oklch(0.462 0.118 150);
}Tailwind CSS v4
@theme {
--color-bucolic: #136a32;
--color-bucolic-50: #ddffe5;
--color-bucolic-100: #ccf4d5;
--color-bucolic-200: #afe3bc;
--color-bucolic-300: #89c99a;
--color-bucolic-400: #68b279;
--color-bucolic-500: #429c5a;
--color-bucolic-600: #39844d;
--color-bucolic-700: #2d693d;
--color-bucolic-800: #224d2a;
--color-bucolic-900: #16361c;
--color-bucolic-950: #07210c;
}SCSS
$bucolic: #136a32;
$bucolic-rgb: 19, 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);
}