Colore con nome · #253A91
Navy Seal
Navy Seal è #253A91: rgb(37 58 145), hsl(228 59% 36%), oklch(0.388 0.146 268.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Navy Seal color name →
#253A91
oklch(0.388 0.146 268.4)
Conversioni di colore
- HEX
- #253a91
- RGB
- rgb(37 58 145)
- HSL
- hsl(228 59% 36%)
- HWB
- hwb(228 15% 43%)
- OKLCH
- oklch(0.388 0.146 268.4)
- OKLab
- oklab(0.388 -0.004 -0.146)
- CIE Lab
- lab(27.19 17.2 -51.59)
- LCH
- lch(27.19 54.38 288.4)
- CMYK
- cmyk(74% 60% 0% 43%)
Tinte · Ombre · Toni
Tinte
- 374E9D
- 4A62A9
- 5E75B4
- 7488C0
- 899BCB
- A0AFD6
- B7C3E0
- CED7EB
- E7EBF5
Ombre
- 1F317D
- 19286A
- 132058
- 0D1846
- 081035
- 040925
- 020415
- 000107
- 000001
Toni
- 2D4290
- 354A8F
- 3E528E
- 47598D
- 50608B
- 59678A
- 636D88
- 6C7385
- 767A83
Armonie di colore
Complementare +180°
- 253A91
Navy Seal
- 564100
≈ Sugarloaf Brown
Analogo -30° +30°
- 253A91
Navy Seal
- 004A6D
≈ Adriatic
- 512B86
≈ Sick Blue
Triadico +120° +240°
- 253A91
Navy Seal
- 81110E
≈ Grubby Red
- 00541E
≈ O Tannenbaum
Complementare divisa +150° +210°
- 253A91
Navy Seal
- 683600
≈ Nutmeg Wood Finish
- 404B00
≈ No Emissions Green
Tetradico +90° +180° +270°
- 253A91
Navy Seal
- 7C1044
≈ Wine
- 564100
≈ Sugarloaf Brown
- 005145
≈ Fjord Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.03:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.09:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 10.03:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--navy-seal: #253a91;
--navy-seal-rgb: 37 58 145;
--navy-seal-oklch: oklch(0.388 0.146 268.4);
}
.element {
color: var(--navy-seal);
background-color: hsl(228 59% 36%);
border-color: oklch(0.388 0.146 268.4);
}Tailwind CSS v4
@theme {
--color-navy-seal: #253a91;
--color-navy-seal-50: #e5f4ff;
--color-navy-seal-100: #d5e6ff;
--color-navy-seal-200: #bcd2ff;
--color-navy-seal-300: #9bb3ff;
--color-navy-seal-400: #7a99f4;
--color-navy-seal-500: #5e7ee6;
--color-navy-seal-600: #506bc2;
--color-navy-seal-700: #3f569c;
--color-navy-seal-800: #2b3f74;
--color-navy-seal-900: #1d2b52;
--color-navy-seal-950: #0d1837;
}SCSS
$navy-seal: #253a91;
$navy-seal-rgb: 37, 58, 145;
$navy-seal-light: mix(#fff, $navy-seal, 20%);
$navy-seal-dark: mix(#000, $navy-seal, 20%);
.element {
color: $navy-seal;
box-shadow: 0 0 0 2px rgba($navy-seal, 0.35);
}