Nearest named color · #1F7499
#1F7499
Nearest named color: Pristine Seas
#1F7499 (rgb(31 116 153), hsl(198 66% 36%), oklch(0.527 0.096 232.1)) is closest to the named color Pristine Seas. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#1F7499
oklch(0.527 0.096 232.1)
Color conversions
- HEX
- #1f7499
- RGB
- rgb(31 116 153)
- HSL
- hsl(198 66% 36%)
- HWB
- hwb(198 12% 40%)
- OKLCH
- oklch(0.527 0.096 232.1)
- OKLab
- oklab(0.527 -0.059 -0.076)
- CIE Lab
- lab(45.3 -15.41 -27.67)
- LCH
- lch(45.3 31.67 240.9)
- CMYK
- cmyk(80% 24% 0% 40%)
Tints · Shades · Tones
Tints
- 3C81A3
- 548FAD
- 6A9DB8
- 7FAAC2
- 94B8CC
- A9C6D6
- BED4E0
- D4E2EB
- E9F1F5
Shades
- 196484
- 145470
- 0F455D
- 0A374A
- 062938
- 031B27
- 010F17
- 000508
- 000101
Tones
- 2F7697
- 3B7794
- 467892
- 507A90
- 597B8D
- 617C8B
- 697D88
- 717E86
- 797F83
Color harmonies
Complementary +180°
- 1F7499
Pristine Seas
- 965A32
≈ Ethiopian Wolf
Analogous -30° +30°
- 1F7499
Pristine Seas
- 007A81
≈ Mediterranean Cove
- 4C6AA3
≈ San Marino
Triadic +120° +240°
- 1F7499
Pristine Seas
- 955271
≈ Sea Fan Fuchsia
- 6C7026
≈ Forest Spirit
Split-complementary +150° +210°
- 1F7499
Pristine Seas
- 9B5351
≈ Brown Cerberus
- 87651D
≈ Kumera
Tetradic +90° +180° +270°
- 1F7499
Pristine Seas
- 85578C
≈ Purple Fluorite
- 965A32
≈ Ethiopian Wolf
- 497944
≈ Mana Tree
Contrast & accessibility
Ag
AAOn white
WCAG 5.22:1 · APCA Lc 76
Ag
FailOn black
WCAG 4.01:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--pristine-seas: #1f7499;
--pristine-seas-rgb: 31 116 153;
--pristine-seas-oklch: oklch(0.527 0.096 232.1);
}
.element {
color: var(--pristine-seas);
background-color: hsl(198 66% 36%);
border-color: oklch(0.527 0.096 232.1);
}Tailwind CSS v4
@theme {
--color-pristine-seas: #1f7499;
--color-pristine-seas-50: #dbfbff;
--color-pristine-seas-100: #c9eeff;
--color-pristine-seas-200: #acdcf8;
--color-pristine-seas-300: #85c0e2;
--color-pristine-seas-400: #5fa9ce;
--color-pristine-seas-500: #3491bb;
--color-pristine-seas-600: #2e7a9e;
--color-pristine-seas-700: #25627f;
--color-pristine-seas-800: #17485d;
--color-pristine-seas-900: #0f3241;
--color-pristine-seas-950: #021e2a;
}SCSS
$pristine-seas: #1f7499;
$pristine-seas-rgb: 31, 116, 153;
$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);
}