Color con nombre · #006B38
Universal Green
Universal Green es #006B38: rgb(0 107 56), hsl(151 100% 21%), oklch(0.463 0.118 153.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Universal Green color name →
#006B38
oklch(0.463 0.118 153.6)
Conversiones de color
- HEX
- #006b38
- RGB
- rgb(0 107 56)
- HSL
- hsl(151 100% 21%)
- HWB
- hwb(151 0% 58%)
- OKLCH
- oklch(0.463 0.118 153.6)
- OKLab
- oklab(0.463 -0.105 0.052)
- CIE Lab
- lab(39.21 -37.35 20.76)
- LCH
- lch(39.21 42.73 150.9)
- CMYK
- cmyk(100% 0% 48% 58%)
Tintes · Sombras · Tonos
Tintes
- 2C794B
- 47885D
- 5F9670
- 75A584
- 8CB397
- A3C2AB
- B9D1C0
- D0E0D4
- E8F0EA
Sombras
- 005C2F
- 004E27
- 003F1F
- 003217
- 00250F
- 001808
- 000D04
- 000401
- 000000
Tonos
- 1E6D3F
- 2E7047
- 3B724E
- 477455
- 51765C
- 5B7964
- 657A6B
- 6E7C72
- 777E79
Armonías de color
Complementario +180°
- 006B38
Universal Green
- 7F3C74
≈ Bruise
Análogo -30° +30°
- 006B38
Universal Green
- 4C6300
≈ Camouflage Green
- 00675E
≈ Arizona Stone
Triádico +120° +240°
- 006B38
Universal Green
- 45519A
≈ Crushed Velvet
- 8F3B29
≈ Red Prairie
Complementario dividido +150° +210°
- 006B38
Universal Green
- 67458E
≈ Lords of the Night
- 8C3852
≈ That’s My Jam
Tetrádico +90° +180° +270°
- 006B38
Universal Green
- 005E93
≈ Jetski Race
- 7F3C74
≈ Bruise
- 814A00
≈ Dried Mustard
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 {
--universal-green: #006b38;
--universal-green-rgb: 0 107 56;
--universal-green-oklch: oklch(0.463 0.118 153.6);
}
.element {
color: var(--universal-green);
background-color: hsl(151 100% 21%);
border-color: oklch(0.463 0.118 153.6);
}Tailwind CSS v4
@theme {
--color-universal-green: #006b38;
--color-universal-green-50: #dbffe7;
--color-universal-green-100: #c9f4d7;
--color-universal-green-200: #ace4bf;
--color-universal-green-300: #85ca9e;
--color-universal-green-400: #62b37e;
--color-universal-green-500: #399c60;
--color-universal-green-600: #328452;
--color-universal-green-700: #286a41;
--color-universal-green-800: #1e4e2d;
--color-universal-green-900: #13361e;
--color-universal-green-950: #05210e;
}SCSS
$universal-green: #006b38;
$universal-green-rgb: 0, 107, 56;
$universal-green-light: mix(#fff, $universal-green, 20%);
$universal-green-dark: mix(#000, $universal-green, 20%);
.element {
color: $universal-green;
box-shadow: 0 0 0 2px rgba($universal-green, 0.35);
}