Color con nombre · #A5CEEC
Sail
Sail es #A5CEEC: rgb(165 206 236), hsl(205 65% 79%), oklch(0.832 0.061 240.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Sail color name →
#A5CEEC
oklch(0.832 0.061 240.2)
Conversiones de color
- HEX
- #a5ceec
- RGB
- rgb(165 206 236)
- HSL
- hsl(205 65% 79%)
- HWB
- hwb(205 65% 7%)
- OKLCH
- oklch(0.832 0.061 240.2)
- OKLab
- oklab(0.832 -0.03 -0.053)
- CIE Lab
- lab(80.57 -8.82 -19.54)
- LCH
- lch(80.57 21.44 245.7)
- CMYK
- cmyk(30% 13% 0% 7%)
Tintes · Sombras · Tonos
Tintes
- AED3EE
- B7D8F0
- C0DDF2
- C9E2F4
- D2E7F6
- DBEBF8
- E4F0FA
- EDF5FB
- F6FAFD
Sombras
- 8FB3CD
- 7998AF
- 657F92
- 516676
- 3D4E5B
- 2B3842
- 1A2329
- 0A0F13
- 010203
Tonos
- A1C6E1
- 9EBED6
- 9AB6CB
- 97AEC0
- 93A6B5
- 8F9FAA
- 8C979F
- 888F95
- 84888A
Armonías de color
Complementario +180°
- A5CEEC
Sail
- E6BFA1
≈ Fabulous Fawn
Análogo -30° +30°
Triádico +120° +240°
Complementario dividido +150° +210°
- A5CEEC
Sail
- EDBAB1
≈ Pink Cashmere
- D7C79B
≈ Parsnip
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASobre negro
WCAG 12.63:1 · APCA Lc 74
Mejor color de texto: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmentos de código
CSS
:root {
--sail: #a5ceec;
--sail-rgb: 165 206 236;
--sail-oklch: oklch(0.832 0.061 240.2);
}
.element {
color: var(--sail);
background-color: hsl(205 65% 79%);
border-color: oklch(0.832 0.061 240.2);
}Tailwind CSS v4
@theme {
--color-sail: #a5ceec;
--color-sail-50: #e7f8ff;
--color-sail-100: #d7ebfb;
--color-sail-200: #bfd8ec;
--color-sail-300: #9dbcd4;
--color-sail-400: #7ea4bf;
--color-sail-500: #618cab;
--color-sail-600: #527690;
--color-sail-700: #415f74;
--color-sail-800: #2e4655;
--color-sail-900: #1f303b;
--color-sail-950: #0f1c25;
}SCSS
$sail: #a5ceec;
$sail-rgb: 165, 206, 236;
$sail-light: mix(#fff, $sail, 20%);
$sail-dark: mix(#000, $sail, 20%);
.element {
color: $sail;
box-shadow: 0 0 0 2px rgba($sail, 0.35);
}