Colore con nome · #35495A
Dilly Blue
Dilly Blue è #35495A: rgb(53 73 90), hsl(208 26% 28%), oklch(0.396 0.038 244.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Dilly Blue color name →
#35495A
oklch(0.396 0.038 244.6)
Conversioni di colore
- HEX
- #35495a
- RGB
- rgb(53 73 90)
- HSL
- hsl(208 26% 28%)
- HWB
- hwb(208 21% 65%)
- OKLCH
- oklch(0.396 0.038 244.6)
- OKLab
- oklab(0.396 -0.016 -0.035)
- CIE Lab
- lab(29.88 -4.36 -12.76)
- LCH
- lch(29.88 13.49 251.1)
- CMYK
- cmyk(41% 19% 0% 65%)
Tinte · Ombre · Toni
Tinte
- 475969
- 5A6A79
- 6D7C89
- 808D99
- 949FA9
- A9B2BA
- BEC5CB
- D3D8DC
- E9EBED
Ombre
- 2D3E4D
- 253441
- 1D2A35
- 152029
- 0E171E
- 080E13
- 030609
- 010203
- 000000
Toni
- 3C4E5E
- 445462
- 4B5965
- 525F69
- 5A646D
- 616A71
- 696F75
- 717578
- 787A7C
Armonie di colore
Complementare +180°
- 35495A
Dilly Blue
- 554231
≈ Old Treasure Chest
Analogo -30° +30°
- 35495A
Dilly Blue
- 2D4C53
≈ Hurricane Green Blue
- 40455B
≈ Bella Sera
Triadico +120° +240°
- 35495A
Dilly Blue
- 593E44
≈ Fudge
- 424A34
≈ Rifle Green
Complementare divisa +150° +210°
- 35495A
Dilly Blue
- 593F39
≈ Shaved Chocolate
- 4D462F
≈ Limonite Brown
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.32:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.25:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.32:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--dilly-blue: #35495a;
--dilly-blue-rgb: 53 73 90;
--dilly-blue-oklch: oklch(0.396 0.038 244.6);
}
.element {
color: var(--dilly-blue);
background-color: hsl(208 26% 28%);
border-color: oklch(0.396 0.038 244.6);
}Tailwind CSS v4
@theme {
--color-dilly-blue: #35495a;
--color-dilly-blue-50: #edf6ff;
--color-dilly-blue-100: #dee9f4;
--color-dilly-blue-200: #c8d6e4;
--color-dilly-blue-300: #a8baca;
--color-dilly-blue-400: #8ca1b4;
--color-dilly-blue-500: #71899e;
--color-dilly-blue-600: #607486;
--color-dilly-blue-700: #4d5d6b;
--color-dilly-blue-800: #37444f;
--color-dilly-blue-900: #262f37;
--color-dilly-blue-950: #141c22;
}SCSS
$dilly-blue: #35495a;
$dilly-blue-rgb: 53, 73, 90;
$dilly-blue-light: mix(#fff, $dilly-blue, 20%);
$dilly-blue-dark: mix(#000, $dilly-blue, 20%);
.element {
color: $dilly-blue;
box-shadow: 0 0 0 2px rgba($dilly-blue, 0.35);
}