Nazwany kolor · #5F6957
Italian Basil
Italian Basil to #5F6957: rgb(95 105 87), hsl(93 9% 38%), oklch(0.507 0.03 131.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Italian Basil color name →
#5F6957
oklch(0.507 0.03 131.2)
Konwersje koloru
- HEX
- #5f6957
- RGB
- rgb(95 105 87)
- HSL
- hsl(93 9% 38%)
- HWB
- hwb(93 34% 59%)
- OKLCH
- oklch(0.507 0.03 131.2)
- OKLab
- oklab(0.507 -0.02 0.023)
- CIE Lab
- lab(43.14 -6.71 8.81)
- LCH
- lch(43.14 11.08 127.3)
- CMYK
- cmyk(10% 0% 17% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6E7766
- 7D8576
- 8C9386
- 9CA297
- ACB1A7
- BCC0B8
- CCD0CA
- DDDFDB
- EEEFED
Odcienie ciemniejsze
- 525A4B
- 444C3E
- 383E33
- 2C3127
- 20241C
- 151812
- 0A0C08
- 030403
- 000000
Tony
- 626B5B
- 656E5F
- 697063
- 6C7267
- 6F746B
- 73776F
- 767974
- 797B78
- 7D7E7C
Harmonie kolorów
Komplementarna +180°
- 5F6957
Italian Basil
- 6B6072
≈ Iris Petal
Analogowa -30° +30°
- 5F6957
Italian Basil
- 696652
≈ Warren Tavern
- 566B60
≈ Dark Forest
Triada +120° +240°
- 5F6957
Italian Basil
- 596776
≈ Blue Zephyr
- 755E61
≈ Nasake
Komplementarna rozszczepiona +150° +210°
- 5F6957
Italian Basil
- 626377
≈ Comet
- 725F6A
≈ Smoked Mulberry
Tetrada +90° +180° +270°
- 5F6957
Italian Basil
- 526972
≈ Jabłoński Grey
- 6B6072
≈ Iris Petal
- 756058
≈ Poppy Pods
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.76:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.64:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--italian-basil: #5f6957;
--italian-basil-rgb: 95 105 87;
--italian-basil-oklch: oklch(0.507 0.03 131.2);
}
.element {
color: var(--italian-basil);
background-color: hsl(93 9% 38%);
border-color: oklch(0.507 0.03 131.2);
}Tailwind CSS v4
@theme {
--color-italian-basil: #5f6957;
--color-italian-basil-50: #f2f7ee;
--color-italian-basil-100: #e4eae0;
--color-italian-basil-200: #cfd7ca;
--color-italian-basil-300: #b1bbab;
--color-italian-basil-400: #98a290;
--color-italian-basil-500: #7f8b76;
--color-italian-basil-600: #6c7564;
--color-italian-basil-700: #565e50;
--color-italian-basil-800: #3f453a;
--color-italian-basil-900: #2b2f27;
--color-italian-basil-950: #191c16;
}SCSS
$italian-basil: #5f6957;
$italian-basil-rgb: 95, 105, 87;
$italian-basil-light: mix(#fff, $italian-basil, 20%);
$italian-basil-dark: mix(#000, $italian-basil, 20%);
.element {
color: $italian-basil;
box-shadow: 0 0 0 2px rgba($italian-basil, 0.35);
}