Nazwany kolor · #1805DB
Ultramarine
Ultramarine to #1805DB: rgb(24 5 219), hsl(245 96% 44%), oklch(0.41 0.274 266.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Ultramarine color name →
#1805DB
oklch(0.41 0.274 266.8)
Konwersje koloru
- HEX
- #1805db
- RGB
- rgb(24 5 219)
- HSL
- hsl(245 96% 44%)
- HWB
- hwb(245 2% 14%)
- OKLCH
- oklch(0.41 0.274 266.8)
- OKLab
- oklab(0.41 -0.015 -0.274)
- CIE Lab
- lab(25.58 60.22 -98.24)
- LCH
- lch(25.58 115.23 301.5)
- CMYK
- cmyk(89% 98% 0% 14%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 203CE1
- 3259E7
- 4971EC
- 6087F1
- 799CF5
- 93B0F9
- ADC4FB
- C8D8FD
- E3ECFF
Odcienie ciemniejsze
- 1304BE
- 0F03A2
- 0A0287
- 07016D
- 040154
- 02003C
- 010026
- 000011
- 000002
Tony
- 1A2BD3
- 203DCB
- 2A4BC3
- 3555BB
- 415FB2
- 4D67A9
- 5A6EA0
- 667596
- 737A8B
Harmonie kolorów
Komplementarna +180°
- 1805DB
Ultramarine
- 5E4700
≈ Mud Brown
Analogowa -30° +30°
- 1805DB
Ultramarine
- 005074
≈ Pirate’s Haven
- 5D00B1
≈ Aubergine Perl
Triada +120° +240°
- 1805DB
Ultramarine
- 90000D
≈ Chokecherry
- 005B1C
≈ Deep Green
Komplementarna rozszczepiona +150° +210°
- 1805DB
Ultramarine
- 713900
≈ Philippine Bronze
- 475000
≈ Highlands Moss
Tetrada +90° +180° +270°
- 1805DB
Ultramarine
- 89004C
≈ Midnight Merlot
- 5E4700
≈ Mud Brown
- 005849
≈ Forest Shadows
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.07:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.08:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.07:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--ultramarine: #1805db;
--ultramarine-rgb: 24 5 219;
--ultramarine-oklch: oklch(0.41 0.274 266.8);
}
.element {
color: var(--ultramarine);
background-color: hsl(245 96% 44%);
border-color: oklch(0.41 0.274 266.8);
}Tailwind CSS v4
@theme {
--color-ultramarine: #1805db;
--color-ultramarine-50: #d4f2ff;
--color-ultramarine-100: #c2e4ff;
--color-ultramarine-200: #a4cdff;
--color-ultramarine-300: #7eaaff;
--color-ultramarine-400: #558bff;
--color-ultramarine-500: #3864ff;
--color-ultramarine-600: #2f56ff;
--color-ultramarine-700: #2545d3;
--color-ultramarine-800: #10339f;
--color-ultramarine-900: #0a2371;
--color-ultramarine-950: #020f4f;
}SCSS
$ultramarine: #1805db;
$ultramarine-rgb: 24, 5, 219;
$ultramarine-light: mix(#fff, $ultramarine, 20%);
$ultramarine-dark: mix(#000, $ultramarine, 20%);
.element {
color: $ultramarine;
box-shadow: 0 0 0 2px rgba($ultramarine, 0.35);
}