Colore con nome · #1C305C
Ending Navy Blue
Ending Navy Blue è #1C305C: rgb(28 48 92), hsl(221 53% 24%), oklch(0.318 0.083 263.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Ending Navy Blue color name →
#1C305C
oklch(0.318 0.083 263.9)
Conversioni di colore
- HEX
- #1c305c
- RGB
- rgb(28 48 92)
- HSL
- hsl(221 53% 24%)
- HWB
- hwb(221 11% 64%)
- OKLCH
- oklch(0.318 0.083 263.9)
- OKLab
- oklab(0.318 -0.009 -0.082)
- CIE Lab
- lab(20.15 4.46 -29.35)
- LCH
- lch(20.15 29.69 278.6)
- CMYK
- cmyk(70% 48% 0% 64%)
Tinte · Ombre · Toni
Tinte
- 2F436C
- 44567C
- 596A8C
- 6E7E9C
- 8592AC
- 9CA7BC
- B4BDCD
- CDD2DD
- E6E8EE
Ombre
- 17284F
- 122142
- 0D1A36
- 08132A
- 050C1F
- 020614
- 01030A
- 000103
- 000000
Toni
- 253860
- 2F4064
- 384868
- 42506C
- 4C586F
- 566073
- 606876
- 6B707A
- 75787D
Armonie di colore
Complementare +180°
- 1C305C
Ending Navy Blue
- 422F00
≈ Hidden Passage
Analogo -30° +30°
- 1C305C
Ending Navy Blue
- 00374F
≈ Sea of Stars
- 352858
≈ Parachute Purple
Triadico +120° +240°
- 1C305C
Ending Navy Blue
- 551E1D
≈ Burnt Crimson
- 123D14
≈ Melancholia
Complementare divisa +150° +210°
- 1C305C
Ending Navy Blue
- 502500
≈ Conker Brown
- 323600
≈ Wasabi Nori
Tetradico +90° +180° +270°
- 1C305C
Ending Navy Blue
- 511D35
≈ Tulip Poplar Purple
- 422F00
≈ Hidden Passage
- 003C30
≈ Night Turquoise
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.90:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.62:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.90:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
CSS
:root {
--ending-navy-blue: #1c305c;
--ending-navy-blue-rgb: 28 48 92;
--ending-navy-blue-oklch: oklch(0.318 0.083 263.9);
}
.element {
color: var(--ending-navy-blue);
background-color: hsl(221 53% 24%);
border-color: oklch(0.318 0.083 263.9);
}Tailwind CSS v4
@theme {
--color-ending-navy-blue: #1c305c;
--color-ending-navy-blue-50: #eaf5ff;
--color-ending-navy-blue-100: #dbe8ff;
--color-ending-navy-blue-200: #c4d4f9;
--color-ending-navy-blue-300: #a4b7e3;
--color-ending-navy-blue-400: #869ed0;
--color-ending-navy-blue-500: #6a85bd;
--color-ending-navy-blue-600: #5a71a0;
--color-ending-navy-blue-700: #485a80;
--color-ending-navy-blue-800: #32425f;
--color-ending-navy-blue-900: #222e43;
--color-ending-navy-blue-950: #111a2b;
}SCSS
$ending-navy-blue: #1c305c;
$ending-navy-blue-rgb: 28, 48, 92;
$ending-navy-blue-light: mix(#fff, $ending-navy-blue, 20%);
$ending-navy-blue-dark: mix(#000, $ending-navy-blue, 20%);
.element {
color: $ending-navy-blue;
box-shadow: 0 0 0 2px rgba($ending-navy-blue, 0.35);
}