Najbliższy nazwany kolor · #666F60
#666F60
Najbliższy nazwany kolor: Italian Basil
#666F60 (rgb(102 111 96), hsl(96 7% 41%), oklch(0.529 0.025 132.7)) jest najbliższy nazwanemu kolorowi Italian Basil. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#666F60
oklch(0.529 0.025 132.7)
Konwersje koloru
- HEX
- #666f60
- RGB
- rgb(102 111 96)
- HSL
- hsl(96 7% 41%)
- HWB
- hwb(96 38% 56%)
- OKLCH
- oklch(0.529 0.025 132.7)
- OKLab
- oklab(0.529 -0.017 0.019)
- CIE Lab
- lab(45.72 -5.83 7.17)
- LCH
- lch(45.72 9.24 129.1)
- CMYK
- cmyk(8% 0% 14% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 747C6F
- 838A7E
- 91988D
- A0A69C
- AFB4AC
- BFC3BC
- CFD2CD
- DFE1DD
- EFF0EE
Odcienie ciemniejsze
- 586052
- 4A5145
- 3C4238
- 2F342C
- 232720
- 171A15
- 0C0E0A
- 040403
- 000100
Tony
- 697163
- 6B7266
- 6E746A
- 70766D
- 737770
- 767973
- 787B76
- 7B7D7A
- 7D7E7D
Harmonie kolorów
Komplementarna +180°
- 666F60
Italian Basil
- 716876
≈ Rum
Analogowa -30° +30°
- 666F60
Italian Basil
- 6E6C5C
≈ Coastline Trail
- 5F7067
≈ Seraphinite
Triada +120° +240°
- 666F60
Italian Basil
- 616D7A
≈ Press Agent
- 7A6667
≈ Zanzibar
Komplementarna rozszczepiona +150° +210°
- 666F60
Italian Basil
- 696A7A
≈ Wind Cave
- 776670
≈ Burnt Ash
Tetrada +90° +180° +270°
- 666F60
Italian Basil
- 5C6F76
≈ Superstition
- 716876
≈ Rum
- 796760
≈ Bold Brandy
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.23:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 4.00:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--italian-basil: #666f60;
--italian-basil-rgb: 102 111 96;
--italian-basil-oklch: oklch(0.529 0.025 132.7);
}
.element {
color: var(--italian-basil);
background-color: hsl(96 7% 41%);
border-color: oklch(0.529 0.025 132.7);
}Tailwind CSS v4
@theme {
--color-italian-basil: #666f60;
--color-italian-basil-50: #f2f7f0;
--color-italian-basil-100: #e4eae1;
--color-italian-basil-200: #d0d7cc;
--color-italian-basil-300: #b2baae;
--color-italian-basil-400: #99a293;
--color-italian-basil-500: #808a79;
--color-italian-basil-600: #6c7566;
--color-italian-basil-700: #565d52;
--color-italian-basil-800: #3f443b;
--color-italian-basil-900: #2c2f29;
--color-italian-basil-950: #191c16;
}SCSS
$italian-basil: #666f60;
$italian-basil-rgb: 102, 111, 96;
$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);
}