Najbliższy nazwany kolor · #4B6E26
#4B6E26
Najbliższy nazwany kolor: Botanical
#4B6E26 (rgb(75 110 38), hsl(89 49% 29%), oklch(0.495 0.108 131.3)) jest najbliższy nazwanemu kolorowi Botanical. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#4B6E26
oklch(0.495 0.108 131.3)
Konwersje koloru
- HEX
- #4b6e26
- RGB
- rgb(75 110 38)
- HSL
- hsl(89 49% 29%)
- HWB
- hwb(89 15% 57%)
- OKLCH
- oklch(0.495 0.108 131.3)
- OKLab
- oklab(0.495 -0.071 0.081)
- CIE Lab
- lab(42.55 -22.67 34.73)
- LCH
- lch(42.55 41.47 123.1)
- CMYK
- cmyk(32% 0% 65% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5C7C3D
- 6C8A52
- 7E9867
- 8FA67C
- A1B591
- B3C3A7
- C6D2BC
- D9E1D2
- ECF0E8
Odcienie ciemniejsze
- 405F20
- 355019
- 2B4113
- 21330D
- 172608
- 0E1904
- 060E02
- 020401
- 000100
Tony
- 507031
- 56723B
- 5B7445
- 60764E
- 667857
- 6B795F
- 707B67
- 757D70
- 7B7E78
Harmonie kolorów
Komplementarna +180°
- 4B6E26
Botanical
- 764E8F
≈ Purple Sapphire
Analogowa -30° +30°
- 4B6E26
Botanical
- 6F6300
≈ Spicy Mustard
- 05744E
≈ Lush Meadow
Triada +120° +240°
- 4B6E26
Botanical
- 2D649D
≈ Caledor Sky
- 954552
≈ Kirsch Red
Komplementarna rozszczepiona +150° +210°
- 4B6E26
Botanical
- 58599D
≈ Purple Frenzy
- 8A4774
≈ Twilight Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.90:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.55:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.90:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--botanical: #4b6e26;
--botanical-rgb: 75 110 38;
--botanical-oklch: oklch(0.495 0.108 131.3);
}
.element {
color: var(--botanical);
background-color: hsl(89 49% 29%);
border-color: oklch(0.495 0.108 131.3);
}Tailwind CSS v4
@theme {
--color-botanical: #4b6e26;
--color-botanical-50: #e9fcdd;
--color-botanical-100: #daf0cc;
--color-botanical-200: #c2dfb0;
--color-botanical-300: #a1c48b;
--color-botanical-400: #87ac67;
--color-botanical-500: #6c9544;
--color-botanical-600: #5c7e3b;
--color-botanical-700: #49652e;
--color-botanical-800: #364a1f;
--color-botanical-900: #253314;
--color-botanical-950: #141f06;
}SCSS
$botanical: #4b6e26;
$botanical-rgb: 75, 110, 38;
$botanical-light: mix(#fff, $botanical, 20%);
$botanical-dark: mix(#000, $botanical, 20%);
.element {
color: $botanical;
box-shadow: 0 0 0 2px rgba($botanical, 0.35);
}