Nazwany kolor · #228800
Green Bell Pepper
Green Bell Pepper to #228800: rgb(34 136 0), hsl(105 100% 27%), oklch(0.548 0.178 140.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Green Bell Pepper color name →
#228800
oklch(0.548 0.178 140.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3F942E
- 57A049
- 6DAC61
- 82B878
- 97C48E
- ABD0A4
- C0DCBB
- D5E7D1
- EAF3E8
Odcienie ciemniejsze
- 1C7500
- 166300
- 115200
- 0B4100
- 073100
- 032200
- 011300
- 000600
- 000100
Tony
- 328820
- 3E8730
- 49873D
- 528648
- 5B8653
- 63855D
- 6B8466
- 72836F
- 798177
Harmonie kolorów
Komplementarna +180°
- 228800
Green Bell Pepper
- 9D45AF
≈ Tyrian Shimmer
Analogowa -30° +30°
- 228800
Green Bell Pepper
- 757600
≈ Mongolian Plateau
- 008568
≈ Bosphorus
Triada +120° +240°
- 228800
Green Bell Pepper
- 2C6BD7
≈ Enchanting Sapphire
- C33542
≈ C-3PO
Komplementarna rozszczepiona +150° +210°
- 228800
Green Bell Pepper
- 7456CF
≈ Astro Purple
- B8377E
≈ Fuchsia Red
Tetrada +90° +180° +270°
- 228800
Green Bell Pepper
- 007BA5
≈ CG Blue
- 9D45AF
≈ Tyrian Shimmer
- B05200
≈ Cinnamon Bun
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.57:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.58:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.58:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
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);
}