#6B8E23

OliveDrab — kody koloru i paleta

Q: Jaka jest wartość RGB koloru OliveDrab?

Wartość RGB koloru OliveDrab (#6B8E23) to rgb(107, 142, 35). Opisuje kanały czerwonego, zielonego i niebieskiego w skali 0–255.

Q: Czy OliveDrab jest dostępny na białym tle?

Współczynnik kontrastu koloru OliveDrab (#6B8E23) na białym tle (#FFFFFF) wynosi 3.81:1 — AA — zaliczony tylko dla dużego tekstu. Na czarnym tle (#000000) wynosi 5.52:1 — AA — zaliczony dla normalnego tekstu. WCAG 2.1 wymaga 4,5:1 dla normalnego tekstu (AA) i 7:1 dla rozszerzonego (AAA).

Q: Jakie kolory pasują do OliveDrab?

OliveDrab (#6B8E23) dobrze komponuje się z kolorem komplementarnym i analogicznymi odcieniami. Kolor komplementarny to #47248F, analogiczny +30° to #368F24, a jeden z triadycznych to #246B8F. Zależności te wynikają z teorii kolorów z użyciem HSL (hsl(80, 60%, 35%)) jako podstawy.

#6B8E23 · rgb(107, 142, 35) · hsl(80, 60%, 35%)

Kody koloru

Format	Wartość
HEX	#6B8E23
RGB	rgb(107, 142, 35)
HSL	hsl(80, 60%, 35%)

Odcienie OliveDrab

#628321

#59761E

#506A1B

#465E17

#3D5214

#344511

#2B390E

#222D0B

Jasności OliveDrab

#81AB2B

#96C832

#A5D24B

#B4D968

#C2E085

#D0E8A1

#DEEFBE

#EDF6DA

Zestawienia kolorów i harmonia

Komplementarny

#47248F

Analogiczny +30°

#368F24

Analogiczny −30°

#8F7D24

Triadyczny +120°

#246B8F

Triadyczny −120°

#8F246B

Kontrast i dostępność (WCAG 2.1)

na tle białym (#FFFFFF)

3.81:1 — AA — zaliczony tylko dla dużego tekstu

na tle czarnym (#000000)

5.52:1 — AA — zaliczony dla normalnego tekstu

Fragment CSS

.element {
  color: #6B8E23;
}

.element-bg {
  background-color: #6B8E23;
  color: #000000;
}

.element-border {
  border: 2px solid #6B8E23;
}

O kolorze OliveDrab

OliveDrab to kolor ciemny o wysokim nasyceniu, zdefiniowany kodem hex #6B8E23. Dokładne wartości modeli barw to rgb(107, 142, 35) w RGB i hsl(80, 60%, 35%) w HSL (barwa 80°, nasycenie 60%, jasność 35%). Na białym tle współczynnik kontrastu wynosi 3.81:1 — AA — zaliczony tylko dla dużego tekstu, na czarnym — 5.52:1 — AA — zaliczony dla normalnego tekstu. Użyj OliveDrab do elementów UI, teł, tekstu, obramowań lub dekoracyjnych akcentów. Sekcja odcieni pokazuje stopniowo ciemniejsze warianty, a jasności — stopniowo jaśniejsze, przydatne do budowania tonalnej palety. Próbki harmonii prezentują zestawienia komplementarne, analogiczne i triadyczne na podstawie koła barw HSL.

Chcesz eksplorować ten kolor interaktywnie, tworzyć palety lub konwertować formaty? DevArbor Color Picker ma wszystko, czego potrzebujesz.

Otwórz próbnik kolorów →

Najczęstsze pytania

Jaka jest wartość RGB koloru OliveDrab?

Wartość RGB koloru OliveDrab (#6B8E23) to rgb(107, 142, 35). Reprezentuje ilości czerwonego, zielonego i niebieskiego światła w skali 0–255.

Czy OliveDrab jest dostępny na białym tle?

Współczynnik kontrastu koloru OliveDrab na białym tle (#FFFFFF) wynosi 3.81:1 — AA — zaliczony tylko dla dużego tekstu. Na czarnym tle (#000000) wynosi 5.52:1 — AA — zaliczony dla normalnego tekstu. WCAG 2.1 wymaga 4,5:1 dla AA (normalny tekst) i 7:1 dla AAA.

Jakie kolory pasują do OliveDrab?

Według teorii kolorów OliveDrab (hsl(80, 60%, 35%)) dobrze komponuje się z kolorami komplementarnymi, analogicznymi i triadycznymi. Zobacz próbki harmonii powyżej, aby poznać dokładne wartości hex każdego zestawienia.