Named color · #516678
Prairie Denim
Prairie Denim is #516678: rgb(81 102 120), hsl(208 19% 39%), oklch(0.5 0.038 244.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Prairie Denim color name →
#516678
oklch(0.5 0.038 244.5)
Color conversions
- HEX
- #516678
- RGB
- rgb(81 102 120)
- HSL
- hsl(208 19% 39%)
- HWB
- hwb(208 32% 53%)
- OKLCH
- oklch(0.5 0.038 244.5)
- OKLab
- oklab(0.5 -0.016 -0.035)
- CIE Lab
- lab(41.99 -4.62 -12.85)
- LCH
- lch(41.99 13.65 250.2)
- CMYK
- cmyk(33% 15% 0% 53%)
Tints · Shades · Tones
Tints
- 617485
- 718392
- 82919F
- 93A0AC
- A4B0BA
- B6BFC7
- C8CFD5
- DADFE3
- ECEFF1
Shades
- 455867
- 3A4A57
- 2F3C48
- 242F39
- 1A232A
- 10171D
- 070C10
- 020405
- 000001
Tones
- 566979
- 5A6B7A
- 5F6E7B
- 64707B
- 69737C
- 6D767D
- 72787E
- 777B7F
- 7B7D7F
Color harmonies
Complementary +180°
- 516678
Prairie Denim
- 735F4C
≈ Woodward Park
Analogous -30° +30°
- 516678
Prairie Denim
- 4A6971
≈ Azalea Leaf
- 5C627A
≈ Presumption
Triadic +120° +240°
- 516678
Prairie Denim
- 775A60
≈ Falcon Wing
- 5E674F
≈ Monstera
Split-complementary +150° +210°
- 516678
Prairie Denim
- 775C55
≈ Picador
- 6A634A
≈ Deer Trail
Tetradic +90° +180° +270°
- 516678
Prairie Denim
- 715B6C
≈ Banished Brown
- 735F4C
≈ Woodward Park
- 526A5A
≈ Kale Green
Contrast & accessibility
Ag
AAOn white
WCAG 5.96:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.52:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 5.96:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--prairie-denim: #516678;
--prairie-denim-rgb: 81 102 120;
--prairie-denim-oklch: oklch(0.5 0.038 244.5);
}
.element {
color: var(--prairie-denim);
background-color: hsl(208 19% 39%);
border-color: oklch(0.5 0.038 244.5);
}Tailwind CSS v4
@theme {
--color-prairie-denim: #516678;
--color-prairie-denim-50: #edf7ff;
--color-prairie-denim-100: #dee9f4;
--color-prairie-denim-200: #c8d6e4;
--color-prairie-denim-300: #a8baca;
--color-prairie-denim-400: #8ca1b4;
--color-prairie-denim-500: #71899e;
--color-prairie-denim-600: #607486;
--color-prairie-denim-700: #4d5d6b;
--color-prairie-denim-800: #37444f;
--color-prairie-denim-900: #262f37;
--color-prairie-denim-950: #141c22;
}SCSS
$prairie-denim: #516678;
$prairie-denim-rgb: 81, 102, 120;
$prairie-denim-light: mix(#fff, $prairie-denim, 20%);
$prairie-denim-dark: mix(#000, $prairie-denim, 20%);
.element {
color: $prairie-denim;
box-shadow: 0 0 0 2px rgba($prairie-denim, 0.35);
}