Color con nombre más cercano · #006B39
#006B39
Color con nombre más cercano: Bucolic
#006B39 (rgb(0 107 57), hsl(152 100% 21%), oklch(0.463 0.117 154)) 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.
#006B39
oklch(0.463 0.117 154)
Conversiones de color
- HEX
- #006b39
- RGB
- rgb(0 107 57)
- HSL
- hsl(152 100% 21%)
- HWB
- hwb(152 0% 58%)
- OKLCH
- oklch(0.463 0.117 154)
- OKLab
- oklab(0.463 -0.105 0.051)
- CIE Lab
- lab(39.22 -37.2 20.22)
- LCH
- lch(39.22 42.34 151.5)
- CMYK
- cmyk(100% 0% 47% 58%)
Tintes · Sombras · Tonos
Tintes
- 2C794B
- 47885E
- 5F9671
- 75A584
- 8CB398
- A3C2AC
- B9D1C0
- D0E0D5
- E8F0EA
Sombras
- 005C30
- 004E28
- 003F1F
- 003217
- 002510
- 001809
- 000D04
- 000401
- 000000
Tonos
- 1E6D40
- 2E7048
- 3B724F
- 477456
- 51765D
- 5B7864
- 657A6B
- 6E7C72
- 777E79
Armonías de color
Complementario +180°
- 006B39
Bucolic
- 7F3C73
≈ Bruise
Análogo -30° +30°
- 006B39
Bucolic
- 4C6300
≈ Camouflage Green
- 00675E
≈ Arizona Stone
Triádico +120° +240°
- 006B39
Bucolic
- 465199
≈ Crushed Velvet
- 8E3C29
≈ Red Prairie
Complementario dividido +150° +210°
- 006B39
Bucolic
- 67468D
≈ Lords of the Night
- 8C3851
≈ That’s My Jam
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.64:1 · APCA Lc 82
Ag
FailSobre negro
WCAG 3.16:1 · APCA Lc 20
Mejor color de texto: #FFFFFF
WCAG 6.64:1 (AA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--bucolic: #006b39;
--bucolic-rgb: 0 107 57;
--bucolic-oklch: oklch(0.463 0.117 154);
}
.element {
color: var(--bucolic);
background-color: hsl(152 100% 21%);
border-color: oklch(0.463 0.117 154);
}Tailwind CSS v4
@theme {
--color-bucolic: #006b39;
--color-bucolic-50: #dbffe7;
--color-bucolic-100: #c9f4d8;
--color-bucolic-200: #ace4c0;
--color-bucolic-300: #85ca9e;
--color-bucolic-400: #62b37f;
--color-bucolic-500: #399c61;
--color-bucolic-600: #328453;
--color-bucolic-700: #286a42;
--color-bucolic-800: #1d4e2e;
--color-bucolic-900: #13361f;
--color-bucolic-950: #05210f;
}SCSS
$bucolic: #006b39;
$bucolic-rgb: 0, 107, 57;
$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);
}