Cor nomeada mais próxima · #00A5CA
#00A5CA
Cor nomeada mais próxima: Laguna
#00A5CA (rgb(0 165 202), hsl(191 100% 40%), oklch(0.669 0.123 221.4)) é mais próxima da cor nomeada Laguna. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#00A5CA
oklch(0.669 0.123 221.4)
Conversões de cor
- HEX
- #00a5ca
- RGB
- rgb(0 165 202)
- HSL
- hsl(191 100% 40%)
- HWB
- hwb(191 0% 21%)
- OKLCH
- oklch(0.669 0.123 221.4)
- OKLab
- oklab(0.669 -0.092 -0.081)
- CIE Lab
- lab(62.13 -26.94 -29.7)
- LCH
- lch(62.13 40.1 227.8)
- CMYK
- cmyk(100% 18% 0% 21%)
Tons claros · Sombras · Tons
Tons claros
- 3CAED0
- 59B7D5
- 72C0DB
- 88CAE0
- 9DD3E5
- B1DBEB
- C5E4F0
- D8EDF5
- ECF6FA
Sombras
- 008FAF
- 007995
- 00657C
- 005164
- 003D4D
- 002B37
- 001A22
- 000A0F
- 000102
Tons
- 2BA2C3
- 3E9EBB
- 4B9BB4
- 5697AC
- 5F93A5
- 67909E
- 6E8C96
- 75888F
- 7B8487
Harmonias de cor
Complementar +180°
- 00A5CA
Laguna
- D47957
≈ Clay Mug
Análoga -30° +30°
- 00A5CA
Laguna
- 00ABA6
≈ Teal Me No Lies
- 5899DE
≈ Little Boy Blue
Tríade +120° +240°
- 00A5CA
Laguna
- C775AB
≈ Strawberry Freeze
- A5972D
≈ Rapeseed Oil
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.90:1 · APCA Lc 55
Ag
AAASobre preto
WCAG 7.23:1 · APCA Lc 47
Melhor cor de texto: #000000
WCAG 7.23:1 (AAA) · APCA Lc 47
Contrast pairs
Trechos de código
CSS
:root {
--laguna: #00a5ca;
--laguna-rgb: 0 165 202;
--laguna-oklch: oklch(0.669 0.123 221.4);
}
.element {
color: var(--laguna);
background-color: hsl(191 100% 40%);
border-color: oklch(0.669 0.123 221.4);
}Tailwind CSS v4
@theme {
--color-laguna: #00a5ca;
--color-laguna-50: #d0feff;
--color-laguna-100: #bcf2ff;
--color-laguna-200: #99e0fb;
--color-laguna-300: #6ac5e6;
--color-laguna-400: #30aed2;
--color-laguna-500: #0097bf;
--color-laguna-600: #0080a1;
--color-laguna-700: #006682;
--color-laguna-800: #004c5f;
--color-laguna-900: #003443;
--color-laguna-950: #00202b;
}SCSS
$laguna: #00a5ca;
$laguna-rgb: 0, 165, 202;
$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);
}