Nazwany kolor · #0033AA
UA Blue
UA Blue to #0033AA: rgb(0 51 170), hsl(222 100% 33%), oklch(0.389 0.195 262.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · UA Blue color name →
#0033AA
oklch(0.389 0.195 262.9)
Konwersje koloru
- HEX
- #0033aa
- RGB
- rgb(0 51 170)
- HSL
- hsl(222 100% 33%)
- HWB
- hwb(222 0% 33%)
- OKLCH
- oklch(0.389 0.195 262.9)
- OKLab
- oklab(0.389 -0.024 -0.193)
- CIE Lab
- lab(26.19 27 -68.45)
- LCH
- lch(26.19 73.58 291.5)
- CMYK
- cmyk(100% 70% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 1B4BB4
- 3460BE
- 4C75C8
- 6489D1
- 7D9CDA
- 96B0E2
- AFC4EA
- C9D7F1
- E4EBF8
Odcienie ciemniejsze
- 002B93
- 00237D
- 001C68
- 001453
- 000D3F
- 00072D
- 00031B
- 00010B
- 000001
Tony
- 103EA7
- 1E48A4
- 2B51A0
- 37599D
- 446099
- 506795
- 5C6E90
- 68748B
- 747A86
Harmonie kolorów
Komplementarna +180°
- 0033AA
UA Blue
- 594000
≈ Sugarloaf Brown
Analogowa -30° +30°
- 0033AA
UA Blue
- 004B68
≈ Adriatic
- 4F18A0
≈ Amarklor Violet
Triada +120° +240°
- 0033AA
UA Blue
- 850017
≈ Sneaky Devil
- 005504
≈ Pharmacy Green
Komplementarna rozszczepiona +150° +210°
- 0033AA
UA Blue
- 6C3200
≈ Nutmeg Wood Finish
- 454900
≈ No Emissions Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.22:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.05:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.22:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--ua-blue: #0033aa;
--ua-blue-rgb: 0 51 170;
--ua-blue-oklch: oklch(0.389 0.195 262.9);
}
.element {
color: var(--ua-blue);
background-color: hsl(222 100% 33%);
border-color: oklch(0.389 0.195 262.9);
}Tailwind CSS v4
@theme {
--color-ua-blue: #0033aa;
--color-ua-blue-50: #daf5ff;
--color-ua-blue-100: #c8e8ff;
--color-ua-blue-200: #abd3ff;
--color-ua-blue-300: #86b4ff;
--color-ua-blue-400: #5f99ff;
--color-ua-blue-500: #3c7bff;
--color-ua-blue-600: #3369dc;
--color-ua-blue-700: #2954b1;
--color-ua-blue-800: #163e84;
--color-ua-blue-900: #0e2b5e;
--color-ua-blue-950: #031740;
}SCSS
$ua-blue: #0033aa;
$ua-blue-rgb: 0, 51, 170;
$ua-blue-light: mix(#fff, $ua-blue, 20%);
$ua-blue-dark: mix(#000, $ua-blue, 20%);
.element {
color: $ua-blue;
box-shadow: 0 0 0 2px rgba($ua-blue, 0.35);
}