Nazwany kolor · #296D23
Brazilian Green
Brazilian Green to #296D23: rgb(41 109 35), hsl(115 51% 28%), oklch(0.474 0.128 142). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Brazilian Green color name →
#296D23
oklch(0.474 0.128 142)
Konwersje koloru
- HEX
- #296d23
- RGB
- rgb(41 109 35)
- HSL
- hsl(115 51% 28%)
- HWB
- hwb(115 14% 57%)
- OKLCH
- oklch(0.474 0.128 142)
- OKLab
- oklab(0.474 -0.101 0.079)
- CIE Lab
- lab(40.51 -34.02 33.33)
- LCH
- lch(40.51 47.62 135.6)
- CMYK
- cmyk(62% 0% 68% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 407B3A
- 558950
- 6A9865
- 7FA67A
- 94B58F
- A9C3A5
- BED2BB
- D3E1D1
- E9F0E8
Odcienie ciemniejsze
- 225E1D
- 1C4F17
- 154111
- 0F330C
- 092607
- 051904
- 020D01
- 010400
- 000100
Tony
- 346F2F
- 3E7139
- 477443
- 50764C
- 597855
- 61795E
- 697B66
- 717D6F
- 787E77
Harmonie kolorów
Komplementarna +180°
- 296D23
Brazilian Green
- 7C4086
≈ Nightly Violet
Analogowa -30° +30°
- 296D23
Brazilian Green
- 5E6100
≈ Kirchner Green
- 006C56
≈ Teal Dark Green
Triada +120° +240°
- 296D23
Brazilian Green
- 3259A3
≈ Miracle at Wrigley
- 97383A
≈ Romantic Night
Komplementarna rozszczepiona +150° +210°
- 296D23
Brazilian Green
- 5F4B9D
≈ Ultrapurple Merge
- 8F3863
≈ Forward Fuchsia
Tetrada +90° +180° +270°
- 296D23
Brazilian Green
- 006589
≈ Bowerbird Blue
- 7C4086
≈ Nightly Violet
- 8F4400
≈ Korichnewyi Brown
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.35:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.30:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--brazilian-green: #296d23;
--brazilian-green-rgb: 41 109 35;
--brazilian-green-oklch: oklch(0.474 0.128 142);
}
.element {
color: var(--brazilian-green);
background-color: hsl(115 51% 28%);
border-color: oklch(0.474 0.128 142);
}Tailwind CSS v4
@theme {
--color-brazilian-green: #296d23;
--color-brazilian-green-50: #e0ffdf;
--color-brazilian-green-100: #cff4cd;
--color-brazilian-green-200: #b4e3b2;
--color-brazilian-green-300: #8fc98e;
--color-brazilian-green-400: #71b16a;
--color-brazilian-green-500: #4f9b47;
--color-brazilian-green-600: #44833d;
--color-brazilian-green-700: #366931;
--color-brazilian-green-800: #284d20;
--color-brazilian-green-900: #1b3515;
--color-brazilian-green-950: #0b2007;
}SCSS
$brazilian-green: #296d23;
$brazilian-green-rgb: 41, 109, 35;
$brazilian-green-light: mix(#fff, $brazilian-green, 20%);
$brazilian-green-dark: mix(#000, $brazilian-green, 20%);
.element {
color: $brazilian-green;
box-shadow: 0 0 0 2px rgba($brazilian-green, 0.35);
}