Nearest named color · #005263
#005263
Nearest named color: Plunge
#005263 (rgb(0 82 99), hsl(190 100% 19%), oklch(0.405 0.073 218)) is closest to the named color Plunge. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#005263
oklch(0.405 0.073 218)
Color conversions
- HEX
- #005263
- RGB
- rgb(0 82 99)
- HSL
- hsl(190 100% 19%)
- HWB
- hwb(190 0% 61%)
- OKLCH
- oklch(0.405 0.073 218)
- OKLab
- oklab(0.405 -0.057 -0.045)
- CIE Lab
- lab(31.36 -17.25 -16.42)
- LCH
- lch(31.36 23.82 223.6)
- CMYK
- cmyk(100% 17% 0% 61%)
Tints · Shades · Tones
Tints
- 276272
- 407280
- 588390
- 6F949F
- 87A5AE
- 9EB7BE
- B6C8CE
- CEDADE
- E6EDEE
Shades
- 004655
- 003B47
- 002F3A
- 00252E
- 001A21
- 001116
- 00080B
- 000203
- 000000
Tones
- 195766
- 295B69
- 36606C
- 41656F
- 4C6972
- 576E75
- 617278
- 6C777A
- 767B7D
Color harmonies
Complementary +180°
- 005263
Plunge
- 6A3A2B
≈ In Caffeine We Trust
Analogous -30° +30°
- 005263
Plunge
- 005550
≈ Cape Verde
- 264C6E
≈ Blue Tang
Triadic +120° +240°
- 005263
Plunge
- 623957
≈ Precious Jewels
- 544913
≈ Sugarloaf Brown
Split-complementary +150° +210°
- 005263
Plunge
- 6A3741
≈ Chestnut Red
- 634118
≈ Pullman Brown
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 8.79:1 · APCA Lc 90
Ag
FailOn black
WCAG 2.38:1 · APCA Lc 13
Best text color: #FFFFFF
WCAG 8.79:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--plunge: #005263;
--plunge-rgb: 0 82 99;
--plunge-oklch: oklch(0.405 0.073 218);
}
.element {
color: var(--plunge);
background-color: hsl(190 100% 19%);
border-color: oklch(0.405 0.073 218);
}Tailwind CSS v4
@theme {
--color-plunge: #005263;
--color-plunge-50: #dffbff;
--color-plunge-100: #ceeef9;
--color-plunge-200: #b3dcea;
--color-plunge-300: #8ec1d1;
--color-plunge-400: #6ba9bb;
--color-plunge-500: #4792a6;
--color-plunge-600: #3d7b8c;
--color-plunge-700: #316371;
--color-plunge-800: #214952;
--color-plunge-900: #163239;
--color-plunge-950: #071e24;
}SCSS
$plunge: #005263;
$plunge-rgb: 0, 82, 99;
$plunge-light: mix(#fff, $plunge, 20%);
$plunge-dark: mix(#000, $plunge, 20%);
.element {
color: $plunge;
box-shadow: 0 0 0 2px rgba($plunge, 0.35);
}