Benannte Farbe · #9B9FB5
Minnesota April
Minnesota April ist #9B9FB5: rgb(155 159 181), hsl(231 15% 66%), oklch(0.707 0.032 277.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Minnesota April color name →
#9B9FB5
oklch(0.707 0.032 277.4)
Farbumrechnungen
- HEX
- #9b9fb5
- RGB
- rgb(155 159 181)
- HSL
- hsl(231 15% 66%)
- HWB
- hwb(231 61% 29%)
- OKLCH
- oklch(0.707 0.032 277.4)
- OKLab
- oklab(0.707 0.004 -0.032)
- CIE Lab
- lab(65.71 1.93 -11.96)
- LCH
- lch(65.71 12.11 279.2)
- CMYK
- cmyk(14% 12% 0% 29%)
Tints · Shades · Tones
Tints
- A5A8BC
- AEB2C4
- B8BBCB
- C2C4D2
- CCCEDA
- D6D8E1
- E0E1E8
- EAEBF0
- F5F5F7
Shades
- 868A9D
- 727586
- 5E616F
- 4B4D59
- 393B44
- 282930
- 18181D
- 09090C
- 010102
Tones
- 989CB0
- 9699AA
- 9396A5
- 9093A0
- 8D8F9A
- 8B8C95
- 888990
- 85868A
- 838385
Farbharmonien
Komplementär +180°
- 9B9FB5
Minnesota April
- A6A18A
≈ Tent Green
Analog -30° +30°
- 9B9FB5
Minnesota April
- 91A3B4
≈ Robotic Gods
- A69BB1
≈ Indolence
Triadisch +120° +240°
- 9B9FB5
Minnesota April
- B39A92
≈ Iris Mauve
- 91A799
≈ Lotus Leaf
Geteilt komplementär +150° +210°
- 9B9FB5
Minnesota April
- AF9D8C
≈ Over the Taupe
- 9BA58F
≈ Coronado Moss
Tetradisch +90° +180° +270°
- 9B9FB5
Minnesota April
- B3999D
≈ Decorum
- A6A18A
≈ Tent Green
- 8AA7A4
≈ Tropical Cascade
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.61:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.02:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.02:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--minnesota-april: #9b9fb5;
--minnesota-april-rgb: 155 159 181;
--minnesota-april-oklch: oklch(0.707 0.032 277.4);
}
.element {
color: var(--minnesota-april);
background-color: hsl(231 15% 66%);
border-color: oklch(0.707 0.032 277.4);
}Tailwind CSS v4
@theme {
--color-minnesota-april: #9b9fb5;
--color-minnesota-april-50: #f3f4ff;
--color-minnesota-april-100: #e5e7f3;
--color-minnesota-april-200: #d1d3e2;
--color-minnesota-april-300: #b3b6c8;
--color-minnesota-april-400: #999db2;
--color-minnesota-april-500: #80859c;
--color-minnesota-april-600: #6d7084;
--color-minnesota-april-700: #575a6a;
--color-minnesota-april-800: #3f424e;
--color-minnesota-april-900: #2b2d36;
--color-minnesota-april-950: #191a21;
}SCSS
$minnesota-april: #9b9fb5;
$minnesota-april-rgb: 155, 159, 181;
$minnesota-april-light: mix(#fff, $minnesota-april, 20%);
$minnesota-april-dark: mix(#000, $minnesota-april, 20%);
.element {
color: $minnesota-april;
box-shadow: 0 0 0 2px rgba($minnesota-april, 0.35);
}