Nazwany kolor · #006A4F
Bangladesh Green
Bangladesh Green to #006A4F: rgb(0 106 79), hsl(165 100% 21%), oklch(0.466 0.095 167.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Bangladesh Green color name →
#006A4F
oklch(0.466 0.095 167.8)
Konwersje koloru
- HEX
- #006a4f
- RGB
- rgb(0 106 79)
- HSL
- hsl(165 100% 21%)
- HWB
- hwb(165 0% 58%)
- OKLCH
- oklch(0.466 0.095 167.8)
- OKLab
- oklab(0.466 -0.092 0.02)
- CIE Lab
- lab(39.25 -32.91 7.46)
- LCH
- lch(39.25 33.75 167.2)
- CMYK
- cmyk(100% 0% 25% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2D785F
- 47876F
- 5F9580
- 76A491
- 8CB3A3
- A3C2B5
- BAD1C7
- D1E0D9
- E8EFEC
Odcienie ciemniejsze
- 005B44
- 004D38
- 003F2E
- 003123
- 002419
- 001810
- 000D07
- 000402
- 000000
Tony
- 1E6C54
- 2F6F59
- 3B715D
- 477362
- 517667
- 5B786C
- 657A71
- 6E7C76
- 777E7B
Harmonie kolorów
Komplementarna +180°
- 006A4F
Bangladesh Green
- 7F4263
≈ Vivacious Violet
Analogowa -30° +30°
- 006A4F
Bangladesh Green
- 3E662F
≈ Greenhouse
- 006769
≈ Joyful Tears
Triada +120° +240°
- 006A4F
Bangladesh Green
- 57508B
≈ Bright Eggplant
- 844726
≈ Honey Garlic Beef
Komplementarna rozszczepiona +150° +210°
- 006A4F
Bangladesh Green
- 6F477C
≈ Plum Jam
- 864145
≈ Winning Red
Tetrada +90° +180° +270°
- 006A4F
Bangladesh Green
- 365A8E
≈ Lambent Lagoon
- 7F4263
≈ Vivacious Violet
- 765206
≈ Coffee Adept
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.61:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.17:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.61:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--bangladesh-green: #006a4f;
--bangladesh-green-rgb: 0 106 79;
--bangladesh-green-oklch: oklch(0.466 0.095 167.8);
}
.element {
color: var(--bangladesh-green);
background-color: hsl(165 100% 21%);
border-color: oklch(0.466 0.095 167.8);
}Tailwind CSS v4
@theme {
--color-bangladesh-green: #006a4f;
--color-bangladesh-green-50: #dcfef1;
--color-bangladesh-green-100: #caf3e3;
--color-bangladesh-green-200: #ade2ce;
--color-bangladesh-green-300: #85c7b0;
--color-bangladesh-green-400: #62b193;
--color-bangladesh-green-500: #389a7a;
--color-bangladesh-green-600: #318267;
--color-bangladesh-green-700: #276852;
--color-bangladesh-green-800: #1c4d3b;
--color-bangladesh-green-900: #133528;
--color-bangladesh-green-950: #042016;
}SCSS
$bangladesh-green: #006a4f;
$bangladesh-green-rgb: 0, 106, 79;
$bangladesh-green-light: mix(#fff, $bangladesh-green, 20%);
$bangladesh-green-dark: mix(#000, $bangladesh-green, 20%);
.element {
color: $bangladesh-green;
box-shadow: 0 0 0 2px rgba($bangladesh-green, 0.35);
}