Benannte Farbe · #2A3244
Dress Blues
Dress Blues ist #2A3244: rgb(42 50 68), hsl(222 24% 22%), oklch(0.318 0.034 265.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dress Blues color name →
#2A3244
oklch(0.318 0.034 265.9)
Farbumrechnungen
- HEX
- #2a3244
- RGB
- rgb(42 50 68)
- HSL
- hsl(222 24% 22%)
- HWB
- hwb(222 16% 73%)
- OKLCH
- oklch(0.318 0.034 265.9)
- OKLab
- oklab(0.318 -0.002 -0.034)
- CIE Lab
- lab(20.64 0.44 -12.5)
- LCH
- lch(20.64 12.51 272)
- CMYK
- cmyk(38% 26% 0% 73%)
Tints · Shades · Tones
Tints
- 3C4455
- 4F5666
- 636A78
- 787D8A
- 8D929D
- A3A7B0
- B9BCC3
- D0D2D7
- E7E8EB
Shades
- 232A3A
- 1C2230
- 161B26
- 10141D
- 0A0D14
- 05070C
- 020305
- 010102
- 000000
Tones
- 32394A
- 3A4150
- 424856
- 4B505C
- 535862
- 5C6068
- 65686E
- 6E7074
- 77787A
Farbharmonien
Komplementär +180°
- 2A3244
Dress Blues
- 3A311E
≈ Agrax Earthshade
Analog -30° +30°
- 2A3244
Dress Blues
- 213541
≈ Into the Night
- 342F42
≈ Oil Rush
Triadisch +120° +240°
- 2A3244
Dress Blues
- 422C29
≈ Wenge Black
- 273728
≈ Black Leather Jacket
Geteilt komplementär +150° +210°
- 2A3244
Dress Blues
- 402E21
≈ After Eight
- 313520
≈ Fuchsia Berries
Tetradisch +90° +180° +270°
- 2A3244
Dress Blues
- 412B33
≈ Wenge Black
- 3A311E
≈ Agrax Earthshade
- 1E3832
≈ Kōrainando Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.81:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.63:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.81:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--dress-blues: #2a3244;
--dress-blues-rgb: 42 50 68;
--dress-blues-oklch: oklch(0.318 0.034 265.9);
}
.element {
color: var(--dress-blues);
background-color: hsl(222 24% 22%);
border-color: oklch(0.318 0.034 265.9);
}Tailwind CSS v4
@theme {
--color-dress-blues: #2a3244;
--color-dress-blues-50: #f1f5ff;
--color-dress-blues-100: #e3e8f4;
--color-dress-blues-200: #ced4e3;
--color-dress-blues-300: #b0b7ca;
--color-dress-blues-400: #959eb3;
--color-dress-blues-500: #7b869e;
--color-dress-blues-600: #697285;
--color-dress-blues-700: #545b6b;
--color-dress-blues-800: #3c424f;
--color-dress-blues-900: #292e37;
--color-dress-blues-950: #171b22;
}SCSS
$dress-blues: #2a3244;
$dress-blues-rgb: 42, 50, 68;
$dress-blues-light: mix(#fff, $dress-blues, 20%);
$dress-blues-dark: mix(#000, $dress-blues, 20%);
.element {
color: $dress-blues;
box-shadow: 0 0 0 2px rgba($dress-blues, 0.35);
}