Nearest named color · #028098
#028098
Nearest named color: Pacific Pleasure
#028098 (rgb(2 128 152), hsl(190 97% 30%), oklch(0.553 0.099 217.1)) is closest to the named color Pacific Pleasure. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#028098
oklch(0.553 0.099 217.1)
Color conversions
- HEX
- #028098
- RGB
- rgb(2 128 152)
- HSL
- hsl(190 97% 30%)
- HWB
- hwb(190 1% 40%)
- OKLCH
- oklch(0.553 0.099 217.1)
- OKLab
- oklab(0.553 -0.079 -0.059)
- CIE Lab
- lab(48.75 -23.82 -21.82)
- LCH
- lch(48.75 32.31 222.5)
- CMYK
- cmyk(99% 16% 0% 40%)
Tints · Shades · Tones
Tints
- 348CA2
- 4F99AC
- 67A5B7
- 7DB2C1
- 93BFCB
- A9CBD5
- BED8E0
- D4E5EA
- E9F2F5
Shades
- 016E84
- 015D70
- 014D5C
- 003D4A
- 002E38
- 001F27
- 001217
- 000608
- 000101
Tones
- 248096
- 358193
- 428191
- 4D818F
- 57818C
- 60818A
- 698188
- 718185
- 798083
Color harmonies
Complementary +180°
- 028098
Pacific Pleasure
- A35C48
≈ Sierra
Analogous -30° +30°
- 028098
Pacific Pleasure
- 00847C
≈ Egyptian Green
- 3E77A9
≈ Field Blue
Triadic +120° +240°
- 028098
Pacific Pleasure
- 975B87
≈ Plum Savour
- 837224
≈ Faience Green
Split-complementary +150° +210°
- 028098
Pacific Pleasure
- A35968
≈ Beef Jerky
- 99662B
≈ Olivia
Tetradic +90° +180° +270°
- 028098
Pacific Pleasure
- 82629F
≈ Chive Blossom
- A35C48
≈ Sierra
- 637D3A
≈ Mangrove Leaf
Contrast & accessibility
Ag
AAOn white
WCAG 4.62:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.54:1 · APCA Lc 30
Best text color: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--pacific-pleasure: #028098;
--pacific-pleasure-rgb: 2 128 152;
--pacific-pleasure-oklch: oklch(0.553 0.099 217.1);
}
.element {
color: var(--pacific-pleasure);
background-color: hsl(190 97% 30%);
border-color: oklch(0.553 0.099 217.1);
}Tailwind CSS v4
@theme {
--color-pacific-pleasure: #028098;
--color-pacific-pleasure-50: #d7fdff;
--color-pacific-pleasure-100: #c4f0ff;
--color-pacific-pleasure-200: #a5dff1;
--color-pacific-pleasure-300: #7bc4da;
--color-pacific-pleasure-400: #50adc4;
--color-pacific-pleasure-500: #0f95b1;
--color-pacific-pleasure-600: #157e95;
--color-pacific-pleasure-700: #126578;
--color-pacific-pleasure-800: #084b58;
--color-pacific-pleasure-900: #06343d;
--color-pacific-pleasure-950: #001f27;
}SCSS
$pacific-pleasure: #028098;
$pacific-pleasure-rgb: 2, 128, 152;
$pacific-pleasure-light: mix(#fff, $pacific-pleasure, 20%);
$pacific-pleasure-dark: mix(#000, $pacific-pleasure, 20%);
.element {
color: $pacific-pleasure;
box-shadow: 0 0 0 2px rgba($pacific-pleasure, 0.35);
}