Nazwany kolor · #01153E
Navy
Navy to #01153E: rgb(1 21 62), hsl(220 97% 12%), oklch(0.211 0.084 260.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Navy color name →
#01153E
oklch(0.211 0.084 260.5)
Konwersje koloru
- HEX
- #01153e
- RGB
- rgb(1 21 62)
- HSL
- hsl(220 97% 12%)
- HWB
- hwb(220 0% 76%)
- OKLCH
- oklch(0.211 0.084 260.5)
- OKLab
- oklab(0.211 -0.014 -0.083)
- CIE Lab
- lab(7.55 7.19 -29.23)
- LCH
- lch(7.55 30.1 283.8)
- CMYK
- cmyk(98% 66% 0% 76%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 142A50
- 2A3F63
- 425575
- 5A6C88
- 74839C
- 8E9AAF
- A9B3C3
- C5CCD6
- E2E5EB
Odcienie ciemniejsze
- 011135
- 010C2B
- 000823
- 00051A
- 000312
- 00020A
- 000104
- 000001
- 000000
Tony
- 0A2045
- 172A4C
- 233553
- 2F3F5A
- 3C4A60
- 495467
- 565F6D
- 646A73
- 72757A
Harmonie kolorów
Komplementarna +180°
- 01153E
Navy
- 231600
≈ Cannon Black
Analogowa -30° +30°
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- 01153E
Navy
- 2C0F00
≈ Root Brew
- 1A1A00
≈ Noir Mystique
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 17.82:1 · APCA Lc 104
Ag
FailNa czerni
WCAG 1.17:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 17.82:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmenty kodu
CSS
:root {
--navy: #01153e;
--navy-rgb: 1 21 62;
--navy-oklch: oklch(0.211 0.084 260.5);
}
.element {
color: var(--navy);
background-color: hsl(220 97% 12%);
border-color: oklch(0.211 0.084 260.5);
}Tailwind CSS v4
@theme {
--color-navy: #01153e;
--color-navy-50: #e8f6ff;
--color-navy-100: #d9e9ff;
--color-navy-200: #c1d5f9;
--color-navy-300: #a1b8e3;
--color-navy-400: #829fd0;
--color-navy-500: #6687be;
--color-navy-600: #5672a0;
--color-navy-700: #455b81;
--color-navy-800: #30435f;
--color-navy-900: #212e43;
--color-navy-950: #101b2b;
}SCSS
$navy: #01153e;
$navy-rgb: 1, 21, 62;
$navy-light: mix(#fff, $navy, 20%);
$navy-dark: mix(#000, $navy, 20%);
.element {
color: $navy;
box-shadow: 0 0 0 2px rgba($navy, 0.35);
}