Nazwany kolor · #99A28C
Medicine Wheel
Medicine Wheel to #99A28C: rgb(153 162 140), hsl(85 11% 59%), oklch(0.699 0.033 125.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Medicine Wheel color name →
#99A28C
oklch(0.699 0.033 125.4)
Konwersje koloru
- HEX
- #99a28c
- RGB
- rgb(153 162 140)
- HSL
- hsl(85 11% 59%)
- HWB
- hwb(85 55% 36%)
- OKLCH
- oklch(0.699 0.033 125.4)
- OKLab
- oklab(0.699 -0.019 0.027)
- CIE Lab
- lab(65.42 -6.38 10.34)
- LCH
- lch(65.42 12.15 121.7)
- CMYK
- cmyk(6% 0% 14% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A3AB97
- ADB4A2
- B7BDAD
- C1C6B9
- CBD0C4
- D5D9D0
- DFE2DB
- EAECE7
- F4F5F3
Odcienie ciemniejsze
- 848C79
- 707767
- 5D6355
- 4A4F43
- 383C33
- 272A23
- 171914
- 080A07
- 010101
Tony
- 969F8B
- 949B8A
- 919889
- 8F9487
- 8C9186
- 8A8D85
- 878A84
- 858782
- 828381
Harmonie kolorów
Komplementarna +180°
- 99A28C
Medicine Wheel
- A399AF
≈ Lavender Aura
Analogowa -30° +30°
- 99A28C
Medicine Wheel
- A49E87
≈ Tent Green
- 8EA495
≈ Wintessa
Triada +120° +240°
- 99A28C
Medicine Wheel
- 8EA1B2
≈ Foghorn
- B1969B
≈ Legendary Lilac
Komplementarna rozszczepiona +150° +210°
- 99A28C
Medicine Wheel
- 989DB3
≈ Screen Test
- AC97A6
≈ Heliotrope Grey
Tetrada +90° +180° +270°
- 99A28C
Medicine Wheel
- 88A4AB
≈ Impressionist
- A399AF
≈ Lavender Aura
- B19790
≈ Shadow Grey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.65:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.90:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.90:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--medicine-wheel: #99a28c;
--medicine-wheel-rgb: 153 162 140;
--medicine-wheel-oklch: oklch(0.699 0.033 125.4);
}
.element {
color: var(--medicine-wheel);
background-color: hsl(85 11% 59%);
border-color: oklch(0.699 0.033 125.4);
}Tailwind CSS v4
@theme {
--color-medicine-wheel: #99a28c;
--color-medicine-wheel-50: #f2f7ed;
--color-medicine-wheel-100: #e5eadf;
--color-medicine-wheel-200: #d0d7c8;
--color-medicine-wheel-300: #b3bba9;
--color-medicine-wheel-400: #9aa28d;
--color-medicine-wheel-500: #818a73;
--color-medicine-wheel-600: #6d7561;
--color-medicine-wheel-700: #575e4e;
--color-medicine-wheel-800: #404438;
--color-medicine-wheel-900: #2c2f26;
--color-medicine-wheel-950: #191c15;
}SCSS
$medicine-wheel: #99a28c;
$medicine-wheel-rgb: 153, 162, 140;
$medicine-wheel-light: mix(#fff, $medicine-wheel, 20%);
$medicine-wheel-dark: mix(#000, $medicine-wheel, 20%);
.element {
color: $medicine-wheel;
box-shadow: 0 0 0 2px rgba($medicine-wheel, 0.35);
}