Cor nomeada · #66DDFF
Athena Blue
Athena Blue é #66DDFF: rgb(102 221 255), hsl(193 100% 70%), oklch(0.842 0.116 219.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Athena Blue color name →
#66DDFF
oklch(0.842 0.116 219.5)
Conversões de cor
- HEX
- #66ddff
- RGB
- rgb(102 221 255)
- HSL
- hsl(193 100% 70%)
- HWB
- hwb(193 40% 0%)
- OKLCH
- oklch(0.842 0.116 219.5)
- OKLab
- oklab(0.842 -0.09 -0.074)
- CIE Lab
- lab(82.3 -27.58 -27.32)
- LCH
- lch(82.3 38.82 224.7)
- CMYK
- cmyk(60% 13% 0% 0%)
Tons claros · Sombras · Tons
Tons claros
- 7AE1FF
- 8CE4FF
- 9CE8FF
- ACEBFF
- BAEFFF
- C9F2FF
- D7F6FF
- E4F9FF
- F2FCFF
Sombras
- 58C0DE
- 4AA4BE
- 3C889E
- 2F6E80
- 235563
- 173D48
- 0C262E
- 041116
- 000203
Tons
- 6CD4F2
- 71CAE5
- 76C1D8
- 79B7CB
- 7CAEBE
- 7DA5B1
- 7F9CA5
- 809298
- 80898C
Harmonias de cor
Complementar +180°
- 66DDFF
Athena Blue
- FFB89F
≈ Pallid Orange
Análoga -30° +30°
- 66DDFF
Athena Blue
- 5FE3DB
≈ Near Moon
- A2D0FF
≈ Baby Blue
Tríade +120° +240°
- 66DDFF
Athena Blue
- FEADE4
≈ Fresh Gum
- DDCD6F
≈ Pirate Treasure
Complementar dividida +150° +210°
- 66DDFF
Athena Blue
- FFB3BE
≈ Matt Pink
- FCBD74
≈ Spiced Nectarine
Tétrade +90° +180° +270°
- 66DDFF
Athena Blue
- E0B9FF
≈ Lavender Fragrance
- FFB89F
≈ Pallid Orange
- B3DA88
≈ Pastel Lime
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASobre preto
WCAG 13.35:1 · APCA Lc 77
Melhor cor de texto: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
Trechos de código
CSS
:root {
--athena-blue: #66ddff;
--athena-blue-rgb: 102 221 255;
--athena-blue-oklch: oklch(0.842 0.116 219.5);
}
.element {
color: var(--athena-blue);
background-color: hsl(193 100% 70%);
border-color: oklch(0.842 0.116 219.5);
}Tailwind CSS v4
@theme {
--color-athena-blue: #66ddff;
--color-athena-blue-50: #d2feff;
--color-athena-blue-100: #bef2ff;
--color-athena-blue-200: #9ce0f8;
--color-athena-blue-300: #6ec5e2;
--color-athena-blue-400: #39aecd;
--color-athena-blue-500: #0097ba;
--color-athena-blue-600: #00809d;
--color-athena-blue-700: #00667e;
--color-athena-blue-800: #004b5d;
--color-athena-blue-900: #003441;
--color-athena-blue-950: #00202a;
}SCSS
$athena-blue: #66ddff;
$athena-blue-rgb: 102, 221, 255;
$athena-blue-light: mix(#fff, $athena-blue, 20%);
$athena-blue-dark: mix(#000, $athena-blue, 20%);
.element {
color: $athena-blue;
box-shadow: 0 0 0 2px rgba($athena-blue, 0.35);
}