Nearest named color · #2C7494
#2C7494
Nearest named color: Pristine Seas
#2C7494 (rgb(44 116 148), hsl(198 54% 38%), oklch(0.528 0.086 230.9)) is closest to the named color Pristine Seas. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#2C7494
oklch(0.528 0.086 230.9)
Color conversions
- HEX
- #2c7494
- RGB
- rgb(44 116 148)
- HSL
- hsl(198 54% 38%)
- HWB
- hwb(198 17% 42%)
- OKLCH
- oklch(0.528 0.086 230.9)
- OKLab
- oklab(0.528 -0.054 -0.067)
- CIE Lab
- lab(45.46 -14.87 -24.44)
- LCH
- lch(45.46 28.61 238.7)
- CMYK
- cmyk(70% 22% 0% 42%)
Tints · Shades · Tones
Tints
- 44819F
- 5A8FA9
- 6F9CB4
- 83AABE
- 97B8C9
- ACC6D4
- C0D4DF
- D5E2E9
- EAF1F4
Shades
- 256480
- 1E546D
- 17455A
- 113748
- 0A2936
- 051B26
- 020F16
- 010508
- 000101
Tones
- 387592
- 427790
- 4B788F
- 54798D
- 5C7B8B
- 637C89
- 6B7D87
- 727E84
- 797F82
Color harmonies
Complementary +180°
- 2C7494
Pristine Seas
- 935C3B
≈ Carmel
Analogous -30° +30°
- 2C7494
Pristine Seas
- 107A80
≈ Tobernite
- 4E6B9D
≈ San Marino
Triadic +120° +240°
- 2C7494
Pristine Seas
- 915672
≈ Grandeur Plum
- 6E7030
≈ Aged Mustard Green
Split-complementary +150° +210°
- 2C7494
Pristine Seas
- 975656
≈ Brown Cerberus
- 85662A
≈ Hunting Jacket
Tetradic +90° +180° +270°
- 2C7494
Pristine Seas
- 825A8A
≈ Purple Mystery
- 935C3B
≈ Carmel
- 4F7848
≈ Autumn Fern
Contrast & accessibility
Ag
AAOn white
WCAG 5.20:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.03:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.20:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--pristine-seas: #2c7494;
--pristine-seas-rgb: 44 116 148;
--pristine-seas-oklch: oklch(0.528 0.086 230.9);
}
.element {
color: var(--pristine-seas);
background-color: hsl(198 54% 38%);
border-color: oklch(0.528 0.086 230.9);
}Tailwind CSS v4
@theme {
--color-pristine-seas: #2c7494;
--color-pristine-seas-50: #defaff;
--color-pristine-seas-100: #cceeff;
--color-pristine-seas-200: #b0dbf4;
--color-pristine-seas-300: #8bc0dd;
--color-pristine-seas-400: #66a8c8;
--color-pristine-seas-500: #4090b5;
--color-pristine-seas-600: #387a99;
--color-pristine-seas-700: #2c627b;
--color-pristine-seas-800: #1d485a;
--color-pristine-seas-900: #13323f;
--color-pristine-seas-950: #051e28;
}SCSS
$pristine-seas: #2c7494;
$pristine-seas-rgb: 44, 116, 148;
$pristine-seas-light: mix(#fff, $pristine-seas, 20%);
$pristine-seas-dark: mix(#000, $pristine-seas, 20%);
.element {
color: $pristine-seas;
box-shadow: 0 0 0 2px rgba($pristine-seas, 0.35);
}