Nazwany kolor · #25488A
Pacific Navy
Pacific Navy to #25488A: rgb(37 72 138), hsl(219 58% 34%), oklch(0.413 0.117 261.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Pacific Navy color name →
#25488A
oklch(0.413 0.117 261.7)
Konwersje koloru
- HEX
- #25488a
- RGB
- rgb(37 72 138)
- HSL
- hsl(219 58% 34%)
- HWB
- hwb(219 15% 46%)
- OKLCH
- oklch(0.413 0.117 261.7)
- OKLab
- oklab(0.413 -0.017 -0.116)
- CIE Lab
- lab(30.87 5.93 -41.35)
- LCH
- lch(30.87 41.77 278.2)
- CMYK
- cmyk(73% 48% 0% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 395A96
- 4D6BA2
- 627DAE
- 778FBA
- 8CA1C6
- A2B4D1
- B9C6DD
- D0D9E8
- E7ECF4
Odcienie ciemniejsze
- 1F3D77
- 193365
- 132953
- 0D1F42
- 081632
- 040D22
- 020614
- 000207
- 000001
Tony
- 2E4E8A
- 375489
- 405A89
- 496088
- 526587
- 5C6B86
- 657085
- 6E7683
- 777B82
Harmonie kolorów
Komplementarna +180°
- 25488A
Pacific Navy
- 624600
≈ Mud Brown
Analogowa -30° +30°
- 25488A
Pacific Navy
- 005271
≈ Captain Blue
- 4E3C85
≈ Nauseous Blue
Triada +120° +240°
- 25488A
Pacific Navy
- 7F2A2D
≈ Sundried Tomato
- 1D5A16
≈ Lincoln Green
Komplementarna rozszczepiona +150° +210°
- 25488A
Pacific Navy
- 773600
≈ Bay Brown
- 4D4F00
≈ Scorzonera Brown
Tetrada +90° +180° +270°
- 25488A
Pacific Navy
- 782A52
≈ Magenta Purple
- 624600
≈ Mud Brown
- 005946
≈ Forest Shadows
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.85:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.37:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--pacific-navy: #25488a;
--pacific-navy-rgb: 37 72 138;
--pacific-navy-oklch: oklch(0.413 0.117 261.7);
}
.element {
color: var(--pacific-navy);
background-color: hsl(219 58% 34%);
border-color: oklch(0.413 0.117 261.7);
}Tailwind CSS v4
@theme {
--color-pacific-navy: #25488a;
--color-pacific-navy-50: #e4f6ff;
--color-pacific-navy-100: #d4e8ff;
--color-pacific-navy-200: #bbd5ff;
--color-pacific-navy-300: #99b7f4;
--color-pacific-navy-400: #789ee4;
--color-pacific-navy-500: #5a85d3;
--color-pacific-navy-600: #4c70b2;
--color-pacific-navy-700: #3d5a8f;
--color-pacific-navy-800: #29426b;
--color-pacific-navy-900: #1c2e4b;
--color-pacific-navy-950: #0c1a31;
}SCSS
$pacific-navy: #25488a;
$pacific-navy-rgb: 37, 72, 138;
$pacific-navy-light: mix(#fff, $pacific-navy, 20%);
$pacific-navy-dark: mix(#000, $pacific-navy, 20%);
.element {
color: $pacific-navy;
box-shadow: 0 0 0 2px rgba($pacific-navy, 0.35);
}