Nazwany kolor · #9B9092
Ashen Plum
Ashen Plum to #9B9092: rgb(155 144 146), hsl(349 5% 59%), oklch(0.664 0.013 4.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ashen Plum color name →
#9B9092
oklch(0.664 0.013 4.9)
Konwersje koloru
- HEX
- #9b9092
- RGB
- rgb(155 144 146)
- HSL
- hsl(349 5% 59%)
- HWB
- hwb(349 56% 39%)
- OKLCH
- oklch(0.664 0.013 4.9)
- OKLab
- oklab(0.664 0.013 0.001)
- CIE Lab
- lab(60.81 4.49 0.48)
- LCH
- lch(60.81 4.52 6.2)
- CMYK
- cmyk(0% 7% 6% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A59B9C
- AEA5A7
- B8B0B1
- C2BBBC
- CCC6C7
- D6D1D2
- E0DDDD
- EAE8E8
- F5F3F4
Odcienie ciemniejsze
- 867D7E
- 726A6B
- 5E5758
- 4B4546
- 393435
- 282425
- 181516
- 090708
- 010101
Tony
- 988E90
- 968D8E
- 938B8D
- 908A8B
- 8D8889
- 8B8687
- 888585
- 858384
- 838282
Harmonie kolorów
Komplementarna +180°
- 9B9092
Ashen Plum
- 8B9694
≈ Millennium Silver
Analogowa -30° +30°
- 9B9092
Ashen Plum
- 999096
≈ Victorian
- 9B918E
≈ Neutral Buff
Triada +120° +240°
- 9B9092
Ashen Plum
- 91958C
≈ Illusive Green
- 8D949B
≈ Blue Dusk
Komplementarna rozszczepiona +150° +210°
- 9B9092
Ashen Plum
- 8D9690
≈ Deco Grey
- 8B9698
≈ Atmospheric
Tetrada +90° +180° +270°
- 9B9092
Ashen Plum
- 96938A
≈ Lost Space
- 8B9694
≈ Millennium Silver
- 91939C
≈ Lilac Fields
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.08:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.79:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.79:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--ashen-plum: #9b9092;
--ashen-plum-rgb: 155 144 146;
--ashen-plum-oklch: oklch(0.664 0.013 4.9);
}
.element {
color: var(--ashen-plum);
background-color: hsl(349 5% 59%);
border-color: oklch(0.664 0.013 4.9);
}Tailwind CSS v4
@theme {
--color-ashen-plum: #9b9092;
--color-ashen-plum-50: #f9f4f4;
--color-ashen-plum-100: #ece6e7;
--color-ashen-plum-200: #dad2d3;
--color-ashen-plum-300: #beb5b6;
--color-ashen-plum-400: #a69b9d;
--color-ashen-plum-500: #8f8385;
--color-ashen-plum-600: #796f70;
--color-ashen-plum-700: #60585a;
--color-ashen-plum-800: #474042;
--color-ashen-plum-900: #312c2d;
--color-ashen-plum-950: #1d1a1a;
}SCSS
$ashen-plum: #9b9092;
$ashen-plum-rgb: 155, 144, 146;
$ashen-plum-light: mix(#fff, $ashen-plum, 20%);
$ashen-plum-dark: mix(#000, $ashen-plum, 20%);
.element {
color: $ashen-plum;
box-shadow: 0 0 0 2px rgba($ashen-plum, 0.35);
}