Colore con nome · #24549A
Blue Sail
Blue Sail è #24549A: rgb(36 84 154), hsl(216 62% 37%), oklch(0.452 0.126 258.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Blue Sail color name →
#24549A
oklch(0.452 0.126 258.1)
Conversioni di colore
- HEX
- #24549a
- RGB
- rgb(36 84 154)
- HSL
- hsl(216 62% 37%)
- HWB
- hwb(216 14% 40%)
- OKLCH
- oklch(0.452 0.126 258.1)
- OKLab
- oklab(0.452 -0.026 -0.123)
- CIE Lab
- lab(35.41 3.56 -43.8)
- LCH
- lch(35.41 43.94 274.6)
- CMYK
- cmyk(77% 45% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 3A65A5
- 4F76AF
- 6486BA
- 7997C4
- 8EA8CE
- A4B9D8
- BACAE2
- D1DCEC
- E8EDF6
Ombre
- 1E4885
- 183C71
- 12315E
- 0C264B
- 071B39
- 041127
- 020817
- 000209
- 000001
Toni
- 2F5998
- 385E96
- 426394
- 4B6791
- 546C8F
- 5D708C
- 66748A
- 6E7887
- 777C83
Armonie di colore
Complementare +180°
- 24549A
Blue Sail
- 724E00
≈ Lucky Brown
Analogo -30° +30°
- 24549A
Blue Sail
- 005E7C
≈ Blue Edge
- 544796
≈ Liberty
Triadico +120° +240°
- 24549A
Blue Sail
- 8E313A
≈ Sehnsucht Red
- 2D6514
≈ Keen Green
Complementare divisa +150° +210°
- 24549A
Blue Sail
- 8A3B00
≈ Espresso Martini
- 5B5900
≈ Greensboro
Tetradico +90° +180° +270°
- 24549A
Blue Sail
- 853362
≈ Boysenberry
- 724E00
≈ Lucky Brown
- 00664C
≈ Green Paw Paw
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.47:1 · APCA Lc 86
Ag
FailSu nero
WCAG 2.80:1 · APCA Lc 16
Miglior colore del testo: #FFFFFF
WCAG 7.47:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--blue-sail: #24549a;
--blue-sail-rgb: 36 84 154;
--blue-sail-oklch: oklch(0.452 0.126 258.1);
}
.element {
color: var(--blue-sail);
background-color: hsl(216 62% 37%);
border-color: oklch(0.452 0.126 258.1);
}Tailwind CSS v4
@theme {
--color-blue-sail: #24549a;
--color-blue-sail-50: #e1f7ff;
--color-blue-sail-100: #d0e9ff;
--color-blue-sail-200: #b5d6ff;
--color-blue-sail-300: #92b8f8;
--color-blue-sail-400: #6fa0e8;
--color-blue-sail-500: #4e86d8;
--color-blue-sail-600: #4371b6;
--color-blue-sail-700: #355b92;
--color-blue-sail-800: #23436d;
--color-blue-sail-900: #172e4d;
--color-blue-sail-950: #081b33;
}SCSS
$blue-sail: #24549a;
$blue-sail-rgb: 36, 84, 154;
$blue-sail-light: mix(#fff, $blue-sail, 20%);
$blue-sail-dark: mix(#000, $blue-sail, 20%);
.element {
color: $blue-sail;
box-shadow: 0 0 0 2px rgba($blue-sail, 0.35);
}