Nazwany kolor · #97A49A
Olive Soap
Olive Soap to #97A49A: rgb(151 164 154), hsl(134 7% 62%), oklch(0.705 0.021 152.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Olive Soap color name →
#97A49A
oklch(0.705 0.021 152.7)
Konwersje koloru
- HEX
- #97a49a
- RGB
- rgb(151 164 154)
- HSL
- hsl(134 7% 62%)
- HWB
- hwb(134 59% 36%)
- OKLCH
- oklch(0.705 0.021 152.7)
- OKLab
- oklab(0.705 -0.018 0.009)
- CIE Lab
- lab(66.1 -6.23 3.55)
- LCH
- lch(66.1 7.17 150.3)
- CMYK
- cmyk(8% 0% 6% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A1ADA4
- ABB6AD
- B5BFB7
- BFC8C1
- CAD1CB
- D4DAD5
- DFE3E0
- E9ECEA
- F4F6F4
Odcienie ciemniejsze
- 838E85
- 6F7971
- 5C645E
- 49504B
- 373D39
- 262B27
- 171A17
- 080A09
- 010101
Tony
- 95A097
- 929D95
- 909992
- 8E9590
- 8B928D
- 898E8A
- 878B88
- 858785
- 828483
Harmonie kolorów
Komplementarna +180°
- 97A49A
Olive Soap
- A89CA6
≈ Lavender Illusion
Analogowa -30° +30°
- 97A49A
Olive Soap
- 9DA294
≈ Spring Spirits
- 93A4A1
≈ Spruce Shade
Triada +120° +240°
- 97A49A
Olive Soap
- 9BA0AD
≈ Vesper Violet
- AC9C98
≈ Stellar Mist
Komplementarna rozszczepiona +150° +210°
- 97A49A
Olive Soap
- A29DAB
≈ Indolence
- AC9B9F
≈ Coffee Custard
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.59:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 8.09:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--olive-soap: #97a49a;
--olive-soap-rgb: 151 164 154;
--olive-soap-oklch: oklch(0.705 0.021 152.7);
}
.element {
color: var(--olive-soap);
background-color: hsl(134 7% 62%);
border-color: oklch(0.705 0.021 152.7);
}Tailwind CSS v4
@theme {
--color-olive-soap: #97a49a;
--color-olive-soap-50: #f1f7f2;
--color-olive-soap-100: #e3eae5;
--color-olive-soap-200: #ced7d0;
--color-olive-soap-300: #b0bbb3;
--color-olive-soap-400: #96a299;
--color-olive-soap-500: #7c8a80;
--color-olive-soap-600: #69756c;
--color-olive-soap-700: #545e56;
--color-olive-soap-800: #3d443f;
--color-olive-soap-900: #2a2f2b;
--color-olive-soap-950: #181c18;
}SCSS
$olive-soap: #97a49a;
$olive-soap-rgb: 151, 164, 154;
$olive-soap-light: mix(#fff, $olive-soap, 20%);
$olive-soap-dark: mix(#000, $olive-soap, 20%);
.element {
color: $olive-soap;
box-shadow: 0 0 0 2px rgba($olive-soap, 0.35);
}