Named color · #092256
Downriver
Downriver is #092256: rgb(9 34 86), hsl(221 81% 19%), oklch(0.27 0.099 262.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Downriver color name →
#092256
oklch(0.27 0.099 262.5)
Color conversions
- HEX
- #092256
- RGB
- rgb(9 34 86)
- HSL
- hsl(221 81% 19%)
- HWB
- hwb(221 4% 66%)
- OKLCH
- oklch(0.27 0.099 262.5)
- OKLab
- oklab(0.27 -0.013 -0.099)
- CIE Lab
- lab(14.24 8.54 -34.92)
- LCH
- lch(14.24 35.95 283.7)
- CMYK
- cmyk(90% 60% 0% 66%)
Tints · Shades · Tones
Tints
- 1E3767
- 344B77
- 4B6088
- 627599
- 7B8BAA
- 94A1BA
- AEB8CB
- C8CFDD
- E3E7EE
Shades
- 071C4A
- 05163E
- 031132
- 020B27
- 01071C
- 010312
- 000108
- 000002
- 000000
Tones
- 152C5B
- 203560
- 2B3F64
- 374869
- 42516D
- 4E5B71
- 5A6475
- 676D79
- 73777D
Color harmonies
Complementary +180°
- 092256
Downriver
- 342300
≈ Black Swan
Analogous -30° +30°
- 092256
Downriver
- 002B3D
≈ Murky Depths
- 2A1852
≈ Silent Orbit
Triadic +120° +240°
- 092256
Downriver
- 4C070E
≈ Erythrophobia
- 003100
≈ Serpentine Shadow
Split-complementary +150° +210°
- 092256
Downriver
- 401B00
≈ Bath in Chocolate
- 272900
≈ Lindworm Green
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 15.27:1 · APCA Lc 102
Ag
FailOn black
WCAG 1.37:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 15.27:1 (AAA) · APCA Lc 102
Contrast pairs
Code snippets
CSS
:root {
--downriver: #092256;
--downriver-rgb: 9 34 86;
--downriver-oklch: oklch(0.27 0.099 262.5);
}
.element {
color: var(--downriver);
background-color: hsl(221 81% 19%);
border-color: oklch(0.27 0.099 262.5);
}Tailwind CSS v4
@theme {
--color-downriver: #092256;
--color-downriver-50: #e7f6ff;
--color-downriver-100: #d7e8ff;
--color-downriver-200: #bfd4ff;
--color-downriver-300: #9eb7eb;
--color-downriver-400: #7f9eda;
--color-downriver-500: #6285c8;
--color-downriver-600: #5371a9;
--color-downriver-700: #425a88;
--color-downriver-800: #2e4265;
--color-downriver-900: #1f2e47;
--color-downriver-950: #0f1a2e;
}SCSS
$downriver: #092256;
$downriver-rgb: 9, 34, 86;
$downriver-light: mix(#fff, $downriver, 20%);
$downriver-dark: mix(#000, $downriver, 20%);
.element {
color: $downriver;
box-shadow: 0 0 0 2px rgba($downriver, 0.35);
}