Nazwany kolor · #9E909E
Cut Heather
Cut Heather to #9E909E: rgb(158 144 158), hsl(300 7% 59%), oklch(0.67 0.026 325.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Cut Heather color name →
#9E909E
oklch(0.67 0.026 325.9)
Konwersje koloru
- HEX
- #9e909e
- RGB
- rgb(158 144 158)
- HSL
- hsl(300 7% 59%)
- HWB
- hwb(300 56% 38%)
- OKLCH
- oklch(0.67 0.026 325.9)
- OKLab
- oklab(0.67 0.022 -0.015)
- CIE Lab
- lab(61.37 7.33 -5.43)
- LCH
- lch(61.37 9.13 323.5)
- CMYK
- cmyk(0% 9% 0% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A79BA7
- B1A5B1
- BAB0BA
- C4BBC4
- CEC6CD
- D7D1D7
- E1DDE1
- EBE8EB
- F5F3F5
Odcienie ciemniejsze
- 897D89
- 746A74
- 605760
- 4D454D
- 3A343A
- 292429
- 181518
- 090709
- 010101
Tony
- 9B8E9B
- 988D98
- 958B95
- 928A92
- 8F888F
- 8C868C
- 898589
- 868386
- 838283
Harmonie kolorów
Komplementarna +180°
- 9E909E
Cut Heather
- 8C9A8C
≈ Birch Forest
Analogowa -30° +30°
- 9E909E
Cut Heather
- 9692A4
≈ Alienator Grey
- A38F96
≈ Nirvana
Triada +120° +240°
- 9E909E
Cut Heather
- 9C9484
≈ Calico Rock
- 839A9D
≈ Miles
Komplementarna rozszczepiona +150° +210°
- 9E909E
Cut Heather
- 949786
≈ Smoke & Ash
- 859B94
≈ Rainy Afternoon
Tetrada +90° +180° +270°
- 9E909E
Cut Heather
- A29286
≈ Chatura Beige
- 8C9A8C
≈ Birch Forest
- 8798A3
≈ Evening Eclipse
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.02:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.93:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--cut-heather: #9e909e;
--cut-heather-rgb: 158 144 158;
--cut-heather-oklch: oklch(0.67 0.026 325.9);
}
.element {
color: var(--cut-heather);
background-color: hsl(300 7% 59%);
border-color: oklch(0.67 0.026 325.9);
}Tailwind CSS v4
@theme {
--color-cut-heather: #9e909e;
--color-cut-heather-50: #f9f3f9;
--color-cut-heather-100: #ede5ec;
--color-cut-heather-200: #dbd0da;
--color-cut-heather-300: #bfb3be;
--color-cut-heather-400: #a799a7;
--color-cut-heather-500: #908090;
--color-cut-heather-600: #796d79;
--color-cut-heather-700: #615761;
--color-cut-heather-800: #473f48;
--color-cut-heather-900: #312c32;
--color-cut-heather-950: #1d191e;
}SCSS
$cut-heather: #9e909e;
$cut-heather-rgb: 158, 144, 158;
$cut-heather-light: mix(#fff, $cut-heather, 20%);
$cut-heather-dark: mix(#000, $cut-heather, 20%);
.element {
color: $cut-heather;
box-shadow: 0 0 0 2px rgba($cut-heather, 0.35);
}