Najbliższy nazwany kolor · #476F2B
#476F2B
Najbliższy nazwany kolor: Botanical
#476F2B (rgb(71 111 43), hsl(95 44% 30%), oklch(0.496 0.107 134.3)) jest najbliższy nazwanemu kolorowi Botanical. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#476F2B
oklch(0.496 0.107 134.3)
Konwersje koloru
- HEX
- #476f2b
- RGB
- rgb(71 111 43)
- HSL
- hsl(95 44% 30%)
- HWB
- hwb(95 17% 56%)
- OKLCH
- oklch(0.496 0.107 134.3)
- OKLab
- oklab(0.496 -0.075 0.077)
- CIE Lab
- lab(42.68 -24.33 32.39)
- LCH
- lch(42.68 40.51 126.9)
- CMYK
- cmyk(36% 0% 61% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 587D41
- 6A8B55
- 7B996A
- 8DA77E
- 9FB593
- B2C4A8
- C5D2BD
- D8E1D3
- EBF0E9
Odcienie ciemniejsze
- 3D6024
- 32511D
- 284216
- 1F3410
- 16270A
- 0D1A05
- 060E02
- 020401
- 000100
Tony
- 4D7135
- 53733F
- 597547
- 5E7650
- 647858
- 6A7A60
- 6F7B68
- 757D70
- 7A7F78
Harmonie kolorów
Komplementarna +180°
- 476F2B
Botanical
- 784E8C
≈ Cleopatra’s Gown
Analogowa -30° +30°
- 476F2B
Botanical
- 6C6400
≈ Earthy Khaki Green
- 007452
≈ Lush Meadow
Triada +120° +240°
- 476F2B
Botanical
- 33639E
≈ Caledor Sky
- 95454F
≈ Kirsch Red
Komplementarna rozszczepiona +150° +210°
- 476F2B
Botanical
- 5C589C
≈ Purple Opulence
- 8C4771
≈ Twilight Lavender
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.87:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.57:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.87:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--botanical: #476f2b;
--botanical-rgb: 71 111 43;
--botanical-oklch: oklch(0.496 0.107 134.3);
}
.element {
color: var(--botanical);
background-color: hsl(95 44% 30%);
border-color: oklch(0.496 0.107 134.3);
}Tailwind CSS v4
@theme {
--color-botanical: #476f2b;
--color-botanical-50: #e8fddf;
--color-botanical-100: #d8f1cd;
--color-botanical-200: #c0dfb2;
--color-botanical-300: #9ec48e;
--color-botanical-400: #84ad6b;
--color-botanical-500: #679649;
--color-botanical-600: #587e3e;
--color-botanical-700: #466532;
--color-botanical-800: #344a21;
--color-botanical-900: #233316;
--color-botanical-950: #121f07;
}SCSS
$botanical: #476f2b;
$botanical-rgb: 71, 111, 43;
$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);
}