Nearest named color · #5791AC
#5791AC
Nearest named color: Treasure Map Waters
#5791AC (rgb(87 145 172), hsl(199 34% 51%), oklch(0.627 0.073 229.5)) is closest to the named color Treasure Map Waters. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5791AC
oklch(0.627 0.073 229.5)
Color conversions
- HEX
- #5791ac
- RGB
- rgb(87 145 172)
- HSL
- hsl(199 34% 51%)
- HWB
- hwb(199 34% 33%)
- OKLCH
- oklch(0.627 0.073 229.5)
- OKLab
- oklab(0.627 -0.047 -0.056)
- CIE Lab
- lab(57 -14 -20.51)
- LCH
- lch(57 24.83 235.7)
- CMYK
- cmyk(49% 16% 0% 33%)
Tints · Shades · Tones
Tints
- 689CB4
- 79A6BD
- 8AB1C5
- 9ABCCD
- ABC7D5
- BBD2DE
- CCDDE6
- DDE8EE
- EEF4F7
Shades
- 4B7D95
- 3E6A7F
- 335869
- 274654
- 1C3540
- 12252D
- 08151B
- 03070B
- 000101
Tones
- 5C8FA8
- 618EA3
- 668C9F
- 6A8B9B
- 6E8996
- 728792
- 76858D
- 798489
- 7D8284
Color harmonies
Complementary +180°
- 5791AC
Treasure Map Waters
- AD7B61
≈ Tawny Birch
Analogous -30° +30°
- 5791AC
Treasure Map Waters
- 4D9699
≈ Sea Current
- 6E89B5
≈ Kimono
Triadic +120° +240°
- 5791AC
Treasure Map Waters
- AA768F
≈ Cipher
- 8B8C58
≈ Green Olive
Split-complementary +150° +210°
- 5791AC
Treasure Map Waters
- B07776
≈ Red Gerbera
- A08454
≈ Aztec Brick
Tetradic +90° +180° +270°
- 5791AC
Treasure Map Waters
- 9C7AA4
≈ Pishposh
- AD7B61
≈ Tawny Birch
- 719369
≈ Aspen Green
Contrast & accessibility
Ag
FailOn white
WCAG 3.47:1 · APCA Lc 62
Ag
AAOn black
WCAG 6.05:1 · APCA Lc 40
Best text color: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
CSS
:root {
--treasure-map-waters: #5791ac;
--treasure-map-waters-rgb: 87 145 172;
--treasure-map-waters-oklch: oklch(0.627 0.073 229.5);
}
.element {
color: var(--treasure-map-waters);
background-color: hsl(199 34% 51%);
border-color: oklch(0.627 0.073 229.5);
}Tailwind CSS v4
@theme {
--color-treasure-map-waters: #5791ac;
--color-treasure-map-waters-50: #e1faff;
--color-treasure-map-waters-100: #d1edfc;
--color-treasure-map-waters-200: #b6dbee;
--color-treasure-map-waters-300: #92bfd7;
--color-treasure-map-waters-400: #70a7c1;
--color-treasure-map-waters-500: #4e8fad;
--color-treasure-map-waters-600: #437992;
--color-treasure-map-waters-700: #356175;
--color-treasure-map-waters-800: #254756;
--color-treasure-map-waters-900: #18323c;
--color-treasure-map-waters-950: #091d26;
}SCSS
$treasure-map-waters: #5791ac;
$treasure-map-waters-rgb: 87, 145, 172;
$treasure-map-waters-light: mix(#fff, $treasure-map-waters, 20%);
$treasure-map-waters-dark: mix(#000, $treasure-map-waters, 20%);
.element {
color: $treasure-map-waters;
box-shadow: 0 0 0 2px rgba($treasure-map-waters, 0.35);
}