Nearest named color · #06A7D4
#06A7D4
Nearest named color: Laguna
#06A7D4 (rgb(6 167 212), hsl(193 94% 43%), oklch(0.679 0.129 225.9)) is closest to the named color Laguna. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#06A7D4
oklch(0.679 0.129 225.9)
Color conversions
- HEX
- #06a7d4
- RGB
- rgb(6 167 212)
- HSL
- hsl(193 94% 43%)
- HWB
- hwb(193 2% 17%)
- OKLCH
- oklch(0.679 0.129 225.9)
- OKLab
- oklab(0.679 -0.09 -0.093)
- CIE Lab
- lab(63.12 -24.87 -33.69)
- LCH
- lch(63.12 41.88 233.6)
- CMYK
- cmyk(97% 21% 0% 17%)
Tints · Shades · Tones
Tints
- 3EB0D9
- 5BB9DD
- 73C2E2
- 89CBE6
- 9DD4EB
- B2DCEF
- C5E5F3
- D9EEF7
- ECF6FB
Shades
- 0491B8
- 037B9D
- 026683
- 015269
- 013E51
- 002C3A
- 001A24
- 000A10
- 000102
Tones
- 2DA3CC
- 3FA0C3
- 4C9CBB
- 5798B2
- 6094AA
- 6890A2
- 6F8C99
- 758891
- 7B8488
Color harmonies
Complementary +180°
- 06A7D4
Laguna
- D87C4F
≈ Copper Harbor
Analogous -30° +30°
- 06A7D4
Laguna
- 00ADAF
≈ Greenland Green
- 609AE6
≈ Guilliman Blue
Triadic +120° +240°
- 06A7D4
Laguna
- D075A9
≈ Heartbreaker
- A39C2C
≈ Greedy Gecko
Split-complementary +150° +210°
- 06A7D4
Laguna
- DB747D
≈ Juicy Details
- C58B29
≈ Auric
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.48:1 · APCA Lc 49
Best text color: #000000
WCAG 7.48:1 (AAA) · APCA Lc 49
Contrast pairs
Code snippets
CSS
:root {
--laguna: #06a7d4;
--laguna-rgb: 6 167 212;
--laguna-oklch: oklch(0.679 0.129 225.9);
}
.element {
color: var(--laguna);
background-color: hsl(193 94% 43%);
border-color: oklch(0.679 0.129 225.9);
}Tailwind CSS v4
@theme {
--color-laguna: #06a7d4;
--color-laguna-50: #d0fdff;
--color-laguna-100: #bbf1ff;
--color-laguna-200: #98e0ff;
--color-laguna-300: #69c4eb;
--color-laguna-400: #2dadd8;
--color-laguna-500: #0095c7;
--color-laguna-600: #007fa8;
--color-laguna-700: #006587;
--color-laguna-800: #004b63;
--color-laguna-900: #003445;
--color-laguna-950: #001f2d;
}SCSS
$laguna: #06a7d4;
$laguna-rgb: 6, 167, 212;
$laguna-light: mix(#fff, $laguna, 20%);
$laguna-dark: mix(#000, $laguna, 20%);
.element {
color: $laguna;
box-shadow: 0 0 0 2px rgba($laguna, 0.35);
}