Color con nombre · #228800
Green Bell Pepper
Green Bell Pepper es #228800: rgb(34 136 0), hsl(105 100% 27%), oklch(0.548 0.178 140.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Green Bell Pepper color name →
#228800
oklch(0.548 0.178 140.6)
Conversiones de color
- HEX
- #228800
- RGB
- rgb(34 136 0)
- HSL
- hsl(105 100% 27%)
- HWB
- hwb(105 0% 47%)
- OKLCH
- oklch(0.548 0.178 140.6)
- OKLab
- oklab(0.548 -0.138 0.113)
- CIE Lab
- lab(49.5 -46.03 51.32)
- LCH
- lch(49.5 68.94 131.9)
- CMYK
- cmyk(75% 0% 100% 47%)
Tintes · Sombras · Tonos
Tintes
- 3F942E
- 57A049
- 6DAC61
- 82B878
- 97C48E
- ABD0A4
- C0DCBB
- D5E7D1
- EAF3E8
Sombras
- 1C7500
- 166300
- 115200
- 0B4100
- 073100
- 032200
- 011300
- 000600
- 000100
Tonos
- 328820
- 3E8730
- 49873D
- 528648
- 5B8653
- 63855D
- 6B8466
- 72836F
- 798177
Armonías de color
Complementario +180°
- 228800
Green Bell Pepper
- 9D45AF
≈ Tyrian Shimmer
Análogo -30° +30°
- 228800
Green Bell Pepper
- 757600
≈ Mongolian Plateau
- 008568
≈ Bosphorus
Triádico +120° +240°
- 228800
Green Bell Pepper
- 2C6BD7
≈ Enchanting Sapphire
- C33542
≈ C-3PO
Complementario dividido +150° +210°
- 228800
Green Bell Pepper
- 7456CF
≈ Astro Purple
- B8377E
≈ Fuchsia Red
Tetrádico +90° +180° +270°
- 228800
Green Bell Pepper
- 007BA5
≈ CG Blue
- 9D45AF
≈ Tyrian Shimmer
- B05200
≈ Cinnamon Bun
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.57:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.58:1 · APCA Lc 30
Mejor color de texto: #000000
WCAG 4.58:1 (AA) · APCA Lc 30
Contrast pairs
Fragmentos de código
CSS
:root {
--green-bell-pepper: #228800;
--green-bell-pepper-rgb: 34 136 0;
--green-bell-pepper-oklch: oklch(0.548 0.178 140.6);
}
.element {
color: var(--green-bell-pepper);
background-color: hsl(105 100% 27%);
border-color: oklch(0.548 0.178 140.6);
}Tailwind CSS v4
@theme {
--color-green-bell-pepper: #228800;
--color-green-bell-pepper-50: #d8ffd4;
--color-green-bell-pepper-100: #c6f8c1;
--color-green-bell-pepper-200: #a7e8a1;
--color-green-bell-pepper-300: #7ece78;
--color-green-bell-pepper-400: #5db74b;
--color-green-bell-pepper-500: #2fa110;
--color-green-bell-pepper-600: #2b8814;
--color-green-bell-pepper-700: #226d10;
--color-green-bell-pepper-800: #1c5003;
--color-green-bell-pepper-900: #123803;
--color-green-bell-pepper-950: #042200;
}SCSS
$green-bell-pepper: #228800;
$green-bell-pepper-rgb: 34, 136, 0;
$green-bell-pepper-light: mix(#fff, $green-bell-pepper, 20%);
$green-bell-pepper-dark: mix(#000, $green-bell-pepper, 20%);
.element {
color: $green-bell-pepper;
box-shadow: 0 0 0 2px rgba($green-bell-pepper, 0.35);
}