Najbliższy nazwany kolor · #2C4C1E
#2C4C1E
Najbliższy nazwany kolor: Treetop Cathedral
#2C4C1E (rgb(44 76 30), hsl(102 43% 21%), oklch(0.38 0.082 137.1)) jest najbliższy nazwanemu kolorowi Treetop Cathedral. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#2C4C1E
oklch(0.38 0.082 137.1)
Konwersje koloru
- HEX
- #2c4c1e
- RGB
- rgb(44 76 30)
- HSL
- hsl(102 43% 21%)
- HWB
- hwb(102 12% 70%)
- OKLCH
- oklch(0.38 0.082 137.1)
- OKLab
- oklab(0.38 -0.06 0.055)
- CIE Lab
- lab(28.95 -19.72 23.07)
- LCH
- lch(28.95 30.35 130.5)
- CMYK
- cmyk(42% 0% 61% 70%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3F5C33
- 526D48
- 667E5D
- 7B9073
- 90A289
- A5B4A0
- BBC6B7
- D1D9CE
- E8ECE6
Odcienie ciemniejsze
- 254119
- 1E3613
- 172C0E
- 112209
- 0A1805
- 050F03
- 020601
- 010200
- 000000
Tony
- 345128
- 3D5632
- 455C3C
- 4D6146
- 56664F
- 5E6B59
- 667063
- 6F766C
- 777B76
Harmonie kolorów
Komplementarna +180°
- 2C4C1E
Treetop Cathedral
- 54335F
≈ Royal Crown
Analogowa -30° +30°
- 2C4C1E
Treetop Cathedral
- 474500
≈ Green Not Found
- 004F39
≈ Chrysocolla Dark Green
Triada +120° +240°
- 2C4C1E
Treetop Cathedral
- 24426D
≈ Nightlife
- 672E32
≈ Voluptuous
Komplementarna rozszczepiona +150° +210°
- 2C4C1E
Treetop Cathedral
- 403A6B
≈ American Blue
- 612F4B
≈ Grape Wine
Tetrada +90° +180° +270°
- 2C4C1E
Treetop Cathedral
- 004960
≈ Stegadon Scale Green
- 54335F
≈ Royal Crown
- 653318
≈ Meatloaf
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.72:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.15:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.72:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
CSS
:root {
--treetop-cathedral: #2c4c1e;
--treetop-cathedral-rgb: 44 76 30;
--treetop-cathedral-oklch: oklch(0.38 0.082 137.1);
}
.element {
color: var(--treetop-cathedral);
background-color: hsl(102 43% 21%);
border-color: oklch(0.38 0.082 137.1);
}Tailwind CSS v4
@theme {
--color-treetop-cathedral: #2c4c1e;
--color-treetop-cathedral-50: #eafbe5;
--color-treetop-cathedral-100: #dbefd5;
--color-treetop-cathedral-200: #c3ddbc;
--color-treetop-cathedral-300: #a2c29a;
--color-treetop-cathedral-400: #88aa7a;
--color-treetop-cathedral-500: #6c935d;
--color-treetop-cathedral-600: #5c7c4f;
--color-treetop-cathedral-700: #49633f;
--color-treetop-cathedral-800: #36492c;
--color-treetop-cathedral-900: #25321d;
--color-treetop-cathedral-950: #131e0d;
}SCSS
$treetop-cathedral: #2c4c1e;
$treetop-cathedral-rgb: 44, 76, 30;
$treetop-cathedral-light: mix(#fff, $treetop-cathedral, 20%);
$treetop-cathedral-dark: mix(#000, $treetop-cathedral, 20%);
.element {
color: $treetop-cathedral;
box-shadow: 0 0 0 2px rgba($treetop-cathedral, 0.35);
}