Cor nomeada · #A0D1EC
Sonic Sky
Sonic Sky é #A0D1EC: rgb(160 209 236), hsl(201 67% 78%), oklch(0.835 0.064 232.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Sonic Sky color name →
#A0D1EC
oklch(0.835 0.064 232.6)
Conversões de cor
- HEX
- #a0d1ec
- RGB
- rgb(160 209 236)
- HSL
- hsl(201 67% 78%)
- HWB
- hwb(201 63% 7%)
- OKLCH
- oklch(0.835 0.064 232.6)
- OKLab
- oklab(0.835 -0.039 -0.05)
- CIE Lab
- lab(81.08 -11.76 -18.82)
- LCH
- lch(81.08 22.19 238)
- CMYK
- cmyk(32% 11% 0% 7%)
Tons claros · Sombras · Tons
Tons claros
- AAD6EE
- B3DAF0
- BDDFF2
- C6E4F4
- D0E8F6
- D9EDF8
- E3F1FA
- ECF6FB
- F6FAFD
Sombras
- 8BB5CD
- 769BAF
- 618192
- 4E6876
- 3B505B
- 293942
- 192329
- 091013
- 010203
Tons
- 9DC9E1
- 9AC0D6
- 97B8CB
- 94B0C0
- 91A8B5
- 8EA0AA
- 8A989F
- 879095
- 84888A
Harmonias de cor
Complementar +180°
- A0D1EC
Sonic Sky
- EBBEA3
≈ Veronese Peach
Análoga -30° +30°
- A0D1EC
Sonic Sky
- 98D6DB
≈ Mini Blue
- B3CAF3
≈ Tropical Blue
Tríade +120° +240°
- A0D1EC
Sonic Sky
- EBB9CD
≈ Dainty Pink
- C9CE9E
≈ Dancing Kite
Complementar dividida +150° +210°
- A0D1EC
Sonic Sky
- F0B9B6
≈ Old Flame
- DEC69A
≈ Reed Yellow
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASobre preto
WCAG 12.82:1 · APCA Lc 75
Melhor cor de texto: #000000
WCAG 12.82:1 (AAA) · APCA Lc 75
Contrast pairs
Trechos de código
CSS
:root {
--sonic-sky: #a0d1ec;
--sonic-sky-rgb: 160 209 236;
--sonic-sky-oklch: oklch(0.835 0.064 232.6);
}
.element {
color: var(--sonic-sky);
background-color: hsl(201 67% 78%);
border-color: oklch(0.835 0.064 232.6);
}Tailwind CSS v4
@theme {
--color-sonic-sky: #a0d1ec;
--color-sonic-sky-50: #e4f9ff;
--color-sonic-sky-100: #d4ecfa;
--color-sonic-sky-200: #bbd9ec;
--color-sonic-sky-300: #98bdd4;
--color-sonic-sky-400: #78a5be;
--color-sonic-sky-500: #598eaa;
--color-sonic-sky-600: #4c788f;
--color-sonic-sky-700: #3d6073;
--color-sonic-sky-800: #2a4754;
--color-sonic-sky-900: #1d313b;
--color-sonic-sky-950: #0d1d25;
}SCSS
$sonic-sky: #a0d1ec;
$sonic-sky-rgb: 160, 209, 236;
$sonic-sky-light: mix(#fff, $sonic-sky, 20%);
$sonic-sky-dark: mix(#000, $sonic-sky, 20%);
.element {
color: $sonic-sky;
box-shadow: 0 0 0 2px rgba($sonic-sky, 0.35);
}