Colore con nome · #2A3244
Dress Blues
Dress Blues è #2A3244: rgb(42 50 68), hsl(222 24% 22%), oklch(0.318 0.034 265.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dress Blues color name →
#2A3244
oklch(0.318 0.034 265.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 3C4455
- 4F5666
- 636A78
- 787D8A
- 8D929D
- A3A7B0
- B9BCC3
- D0D2D7
- E7E8EB
Ombre
- 232A3A
- 1C2230
- 161B26
- 10141D
- 0A0D14
- 05070C
- 020305
- 010102
- 000000
Toni
- 32394A
- 3A4150
- 424856
- 4B505C
- 535862
- 5C6068
- 65686E
- 6E7074
- 77787A
Armonie di colore
Complementare +180°
- 2A3244
Dress Blues
- 3A311E
≈ Agrax Earthshade
Analogo -30° +30°
- 2A3244
Dress Blues
- 213541
≈ Into the Night
- 342F42
≈ Oil Rush
Triadico +120° +240°
- 2A3244
Dress Blues
- 422C29
≈ Wenge Black
- 273728
≈ Black Leather Jacket
Complementare divisa +150° +210°
- 2A3244
Dress Blues
- 402E21
≈ After Eight
- 313520
≈ Fuchsia Berries
Tetradico +90° +180° +270°
- 2A3244
Dress Blues
- 412B33
≈ Wenge Black
- 3A311E
≈ Agrax Earthshade
- 1E3832
≈ Kōrainando Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.81:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.63:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.81:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
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);
}