Cor nomeada mais próxima · #00A6D2
#00A6D2
Cor nomeada mais próxima: Laguna
#00A6D2 (rgb(0 166 210), hsl(193 100% 41%), oklch(0.675 0.128 225.3)) é mais próxima da cor nomeada Laguna. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#00A6D2
oklch(0.675 0.128 225.3)
Conversões de cor
- HEX
- #00a6d2
- RGB
- rgb(0 166 210)
- HSL
- hsl(193 100% 41%)
- HWB
- hwb(193 0% 18%)
- OKLCH
- oklch(0.675 0.128 225.3)
- OKLab
- oklab(0.675 -0.09 -0.091)
- CIE Lab
- lab(62.71 -25.17 -33.22)
- LCH
- lch(62.71 41.68 232.9)
- CMYK
- cmyk(100% 21% 0% 18%)
Tons claros · Sombras · Tons
Tons claros
- 3CAFD7
- 5AB8DC
- 72C1E0
- 88CAE5
- 9DD3EA
- B1DCEE
- C5E5F2
- D8EEF7
- ECF6FB
Sombras
- 0090B6
- 007A9B
- 006581
- 005168
- 003E50
- 002B39
- 001A24
- 000A10
- 000102
Tons
- 2BA3CA
- 3E9FC2
- 4B9BB9
- 5698B1
- 5F94A9
- 6790A1
- 6E8C99
- 758890
- 7B8488
Harmonias de cor
Complementar +180°
- 00A6D2
Laguna
- D77B4F
≈ Copper Harbor
Análoga -30° +30°
- 00A6D2
Laguna
- 00ACAD
≈ Fiji
- 5E99E4
≈ Little Boy Blue
Tríade +120° +240°
- 00A6D2
Laguna
- CE74A8
≈ Heartbreaker
- A29B2B
≈ Greedy Gecko
Complementar dividida +150° +210°
- 00A6D2
Laguna
- DA737D
≈ Red Cedar
- C48A29
≈ Auric
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.84:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.38:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.38:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--laguna: #00a6d2;
--laguna-rgb: 0 166 210;
--laguna-oklch: oklch(0.675 0.128 225.3);
}
.element {
color: var(--laguna);
background-color: hsl(193 100% 41%);
border-color: oklch(0.675 0.128 225.3);
}Tailwind CSS v4
@theme {
--color-laguna: #00a6d2;
--color-laguna-50: #d0fdff;
--color-laguna-100: #bbf1ff;
--color-laguna-200: #98e0ff;
--color-laguna-300: #69c5eb;
--color-laguna-400: #2dadd7;
--color-laguna-500: #0096c6;
--color-laguna-600: #007fa7;
--color-laguna-700: #006586;
--color-laguna-800: #004b63;
--color-laguna-900: #003445;
--color-laguna-950: #001f2d;
}SCSS
$laguna: #00a6d2;
$laguna-rgb: 0, 166, 210;
$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);
}