Nazwany kolor · #448800
Mughal Green
Mughal Green to #448800: rgb(68 136 0), hsl(90 100% 27%), oklch(0.56 0.164 135.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Mughal Green color name →
#448800
oklch(0.56 0.164 135.3)
Konwersje koloru
- HEX
- #448800
- RGB
- rgb(68 136 0)
- HSL
- hsl(90 100% 27%)
- HWB
- hwb(90 0% 47%)
- OKLCH
- oklch(0.56 0.164 135.3)
- OKLab
- oklab(0.56 -0.117 0.116)
- CIE Lab
- lab(50.61 -37.47 52.74)
- LCH
- lch(50.61 64.7 125.4)
- CMYK
- cmyk(50% 0% 100% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 57942F
- 6AA04A
- 7CAC62
- 8EB878
- A1C48F
- B3D0A5
- C6DBBB
- D9E7D2
- ECF3E8
Odcienie ciemniejsze
- 3A7500
- 306300
- 265200
- 1D4100
- 143100
- 0C2200
- 051300
- 020600
- 000100
Tony
- 4B8820
- 528731
- 59873E
- 5F8649
- 658553
- 6A855D
- 708466
- 75836F
- 7B8178
Harmonie kolorów
Komplementarna +180°
- 448800
Mughal Green
- 9850B5
≈ Purple Plum
Analogowa -30° +30°
- 448800
Mughal Green
- 7F7700
≈ Tool Green
- 008963
≈ Absinthe Turquoise
Triada +120° +240°
- 448800
Mughal Green
- 2273D2
≈ Bright Navy Blue
- C14054
≈ Saffron Desires
Komplementarna rozszczepiona +150° +210°
- 448800
Mughal Green
- 6E61CF
≈ Dark Periwinkle
- B4448A
≈ Orchid Ecstasy
Tetrada +90° +180° +270°
- 448800
Mughal Green
- 0080A3
≈ Kingfisher Sheen
- 9850B5
≈ Purple Plum
- BC4D00
≈ Crustose Lichen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.40:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.76:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.76:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--mughal-green: #448800;
--mughal-green-rgb: 68 136 0;
--mughal-green-oklch: oklch(0.56 0.164 135.3);
}
.element {
color: var(--mughal-green);
background-color: hsl(90 100% 27%);
border-color: oklch(0.56 0.164 135.3);
}Tailwind CSS v4
@theme {
--color-mughal-green: #448800;
--color-mughal-green-50: #dfffd3;
--color-mughal-green-100: #cef5c0;
--color-mughal-green-200: #b3e5a0;
--color-mughal-green-300: #8ecb76;
--color-mughal-green-400: #71b348;
--color-mughal-green-500: #509c04;
--color-mughal-green-600: #44840d;
--color-mughal-green-700: #366a0c;
--color-mughal-green-800: #2a4e01;
--color-mughal-green-900: #1c3602;
--color-mughal-green-950: #0c2100;
}SCSS
$mughal-green: #448800;
$mughal-green-rgb: 68, 136, 0;
$mughal-green-light: mix(#fff, $mughal-green, 20%);
$mughal-green-dark: mix(#000, $mughal-green, 20%);
.element {
color: $mughal-green;
box-shadow: 0 0 0 2px rgba($mughal-green, 0.35);
}