Nearest named color · #317676
#317676
Nearest named color: Prismarine
#317676 (rgb(49 118 118), hsl(180 41% 33%), oklch(0.522 0.069 195.3)) is closest to the named color Prismarine. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#317676
oklch(0.522 0.069 195.3)
Color conversions
- HEX
- #317676
- RGB
- rgb(49 118 118)
- HSL
- hsl(180 41% 33%)
- HWB
- hwb(180 19% 54%)
- OKLCH
- oklch(0.522 0.069 195.3)
- OKLab
- oklab(0.522 -0.066 -0.018)
- CIE Lab
- lab(45.32 -22.47 -6.92)
- LCH
- lch(45.32 23.51 197.1)
- CMYK
- cmyk(58% 0% 0% 54%)
Tints · Shades · Tones
Tints
- 488383
- 5D9090
- 719E9D
- 85ABAB
- 99B9B8
- ADC6C6
- C1D4D4
- D6E2E2
- EAF1F1
Shades
- 296666
- 225656
- 1A4747
- 133838
- 0C2929
- 061C1C
- 030F0F
- 010505
- 000101
Tones
- 3C7777
- 457878
- 4E7979
- 567A7A
- 5D7B7B
- 657C7C
- 6C7D7D
- 737E7E
- 797F7F
Color harmonies
Complementary +180°
- 317676
Prismarine
- 8D595D
≈ Barn Door
Analogous -30° +30°
- 317676
Prismarine
- 407660
≈ Fir
- 397288
≈ Calypso
Triadic +120° +240°
- 317676
Prismarine
- 795D85
≈ Mystical Purple
- 81643A
≈ Dirt Brown
Split-complementary +150° +210°
- 317676
Prismarine
- 865972
≈ Indian Silk
- 8B5D48
≈ Spicy Mix
Tetradic +90° +180° +270°
- 317676
Prismarine
- 656490
≈ Twilight Purple
- 8D595D
≈ Barn Door
- 6F6C3B
≈ Robinhood
Contrast & accessibility
Ag
AAOn white
WCAG 5.27:1 · APCA Lc 76
Ag
FailOn black
WCAG 3.98:1 · APCA Lc 26
Best text color: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--prismarine: #317676;
--prismarine-rgb: 49 118 118;
--prismarine-oklch: oklch(0.522 0.069 195.3);
}
.element {
color: var(--prismarine);
background-color: hsl(180 41% 33%);
border-color: oklch(0.522 0.069 195.3);
}Tailwind CSS v4
@theme {
--color-prismarine: #317676;
--color-prismarine-50: #e0fcfc;
--color-prismarine-100: #ceeff0;
--color-prismarine-200: #b3dede;
--color-prismarine-300: #8ec3c4;
--color-prismarine-400: #6cacab;
--color-prismarine-500: #489594;
--color-prismarine-600: #3e7e7e;
--color-prismarine-700: #316564;
--color-prismarine-800: #224a49;
--color-prismarine-900: #173333;
--color-prismarine-950: #071f1e;
}SCSS
$prismarine: #317676;
$prismarine-rgb: 49, 118, 118;
$prismarine-light: mix(#fff, $prismarine, 20%);
$prismarine-dark: mix(#000, $prismarine, 20%);
.element {
color: $prismarine;
box-shadow: 0 0 0 2px rgba($prismarine, 0.35);
}