Nazwany kolor · #9090A2
Cotton Flannel
Cotton Flannel to #9090A2: rgb(144 144 162), hsl(240 9% 60%), oklch(0.659 0.026 285.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Cotton Flannel color name →
#9090A2
oklch(0.659 0.026 285.7)
Konwersje koloru
- HEX
- #9090a2
- RGB
- rgb(144 144 162)
- HSL
- hsl(240 9% 60%)
- HWB
- hwb(240 56% 36%)
- OKLCH
- oklch(0.659 0.026 285.7)
- OKLab
- oklab(0.659 0.007 -0.025)
- CIE Lab
- lab(60.24 2.77 -9.53)
- LCH
- lch(60.24 9.92 286.2)
- CMYK
- cmyk(11% 11% 0% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9B9BAB
- A5A5B4
- B0B0BD
- BBBBC6
- C6C6D0
- D1D1D9
- DCDDE2
- E8E8EC
- F3F3F5
Odcienie ciemniejsze
- 7D7D8C
- 6A6A77
- 575763
- 45454F
- 34343C
- 24242A
- 151519
- 07070A
- 010101
Tony
- 8E8E9F
- 8D8D9B
- 8B8B98
- 8A8A94
- 888891
- 86868E
- 85858A
- 838387
- 828283
Harmonie kolorów
Komplementarna +180°
- 9090A2
Cotton Flannel
- 949381
≈ Water Scrub
Analogowa -30° +30°
- 9090A2
Cotton Flannel
- 8893A2
≈ Supreme Grey
- 988D9D
≈ Gentle Mauve
Triada +120° +240°
- 9090A2
Cotton Flannel
- A18D85
≈ Irish Tea
- 84978E
≈ Paradise Found
Komplementarna rozszczepiona +150° +210°
- 9090A2
Cotton Flannel
- 9C9080
≈ Kommando Khaki
- 8B9686
≈ Silver Eucalyptus
Tetrada +90° +180° +270°
- 9090A2
Cotton Flannel
- A28C8C
≈ Storm Red
- 949381
≈ Water Scrub
- 809797
≈ Tidepool Wonder
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.13:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.69:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.69:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--cotton-flannel: #9090a2;
--cotton-flannel-rgb: 144 144 162;
--cotton-flannel-oklch: oklch(0.659 0.026 285.7);
}
.element {
color: var(--cotton-flannel);
background-color: hsl(240 9% 60%);
border-color: oklch(0.659 0.026 285.7);
}Tailwind CSS v4
@theme {
--color-cotton-flannel: #9090a2;
--color-cotton-flannel-50: #f4f4fd;
--color-cotton-flannel-100: #e7e7f1;
--color-cotton-flannel-200: #d3d3df;
--color-cotton-flannel-300: #b6b6c5;
--color-cotton-flannel-400: #9c9dae;
--color-cotton-flannel-500: #848497;
--color-cotton-flannel-600: #707080;
--color-cotton-flannel-700: #595967;
--color-cotton-flannel-800: #41414b;
--color-cotton-flannel-900: #2d2d34;
--color-cotton-flannel-950: #1a1a20;
}SCSS
$cotton-flannel: #9090a2;
$cotton-flannel-rgb: 144, 144, 162;
$cotton-flannel-light: mix(#fff, $cotton-flannel, 20%);
$cotton-flannel-dark: mix(#000, $cotton-flannel, 20%);
.element {
color: $cotton-flannel;
box-shadow: 0 0 0 2px rgba($cotton-flannel, 0.35);
}