Nearest named color · #00A2AF
#00A2AF
Nearest named color: Baltic
#00A2AF (rgb(0 162 175), hsl(184 100% 34%), oklch(0.65 0.111 204.9)) is closest to the named color Baltic. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#00A2AF
oklch(0.65 0.111 204.9)
Color conversions
- HEX
- #00a2af
- RGB
- rgb(0 162 175)
- HSL
- hsl(184 100% 34%)
- HWB
- hwb(184 0% 31%)
- OKLCH
- oklch(0.65 0.111 204.9)
- OKLab
- oklab(0.65 -0.101 -0.047)
- CIE Lab
- lab(60.34 -32.83 -17.39)
- LCH
- lch(60.34 37.15 207.9)
- CMYK
- cmyk(100% 7% 0% 31%)
Tints · Shades · Tones
Tints
- 3BABB7
- 58B5BF
- 70BEC7
- 87C7CF
- 9CD1D7
- B0DADF
- C4E3E7
- D8ECEF
- EBF6F7
Shades
- 008C98
- 007781
- 00636B
- 004F56
- 003C41
- 002A2E
- 00191C
- 000A0B
- 000101
Tones
- 2A9FAA
- 3D9CA6
- 4A98A1
- 55959C
- 5E9297
- 668E93
- 6E8B8E
- 748789
- 7A8485
Color harmonies
Complementary +180°
- 00A2AF
Baltic
- CA736D
≈ Red Sparowes
Analogous -30° +30°
- 00A2AF
Baltic
- 2CA58B
≈ Fishy House
- 3E99C9
≈ Stratos Blue
Triadic +120° +240°
- 00A2AF
Baltic
- B177B4
≈ Moonlight Melody
- AE8934
≈ Honey
Split-complementary +150° +210°
- 00A2AF
Baltic
- C47193
≈ Rhine Wine
- C37C49
≈ Sedona at Sunset
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.09:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.78:1 · APCA Lc 45
Best text color: #000000
WCAG 6.78:1 (AA) · APCA Lc 45
Contrast pairs
Code snippets
CSS
:root {
--baltic: #00a2af;
--baltic-rgb: 0 162 175;
--baltic-oklch: oklch(0.65 0.111 204.9);
}
.element {
color: var(--baltic);
background-color: hsl(184 100% 34%);
border-color: oklch(0.65 0.111 204.9);
}Tailwind CSS v4
@theme {
--color-baltic: #00a2af;
--color-baltic-50: #d1ffff;
--color-baltic-100: #bdf3fb;
--color-baltic-200: #9be2ec;
--color-baltic-300: #6dc8d4;
--color-baltic-400: #37b1bd;
--color-baltic-500: #009aa9;
--color-baltic-600: #00828f;
--color-baltic-700: #006872;
--color-baltic-800: #004d53;
--color-baltic-900: #00363a;
--color-baltic-950: #002124;
}SCSS
$baltic: #00a2af;
$baltic-rgb: 0, 162, 175;
$baltic-light: mix(#fff, $baltic, 20%);
$baltic-dark: mix(#000, $baltic, 20%);
.element {
color: $baltic;
box-shadow: 0 0 0 2px rgba($baltic, 0.35);
}