Color con nombre · #65A5D5
Water Spirit
Water Spirit es #65A5D5: rgb(101 165 213), hsl(206 57% 62%), oklch(0.698 0.097 242.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Water Spirit color name →
#65A5D5
oklch(0.698 0.097 242.3)
Conversiones de color
- HEX
- #65a5d5
- RGB
- rgb(101 165 213)
- HSL
- hsl(206 57% 62%)
- HWB
- hwb(206 40% 16%)
- OKLCH
- oklch(0.698 0.097 242.3)
- OKLab
- oklab(0.698 -0.045 -0.086)
- CIE Lab
- lab(64.89 -11.03 -31.3)
- LCH
- lch(64.89 33.18 250.6)
- CMYK
- cmyk(53% 23% 0% 16%)
Tintes · Sombras · Tonos
Tintes
- 75AEDA
- 85B7DE
- 94C0E2
- A3C9E7
- B3D2EB
- C2DBEF
- D1E4F3
- E0EDF7
- F0F6FB
Sombras
- 578FB9
- 49799E
- 3C6583
- 2F516A
- 223D51
- 172B3A
- 0C1A24
- 030A10
- 000102
Tonos
- 69A1CC
- 6C9EC4
- 709ABB
- 7397B3
- 7593AA
- 788FA2
- 7A8B99
- 7C8891
- 7E8488
Armonías de color
Complementario +180°
- 65A5D5
Water Spirit
- C9905D
≈ Napa Sunset
Análogo -30° +30°
- 65A5D5
Water Spirit
- 48AEC1
≈ Viking
- 899ADA
≈ Portage
Triádico +120° +240°
- 65A5D5
Water Spirit
- D08499
≈ Speckled Easter Egg
- 93A862
≈ Gallant Green
Complementario dividido +150° +210°
- 65A5D5
Water Spirit
- D38777
≈ Zanci
- B39C53
≈ Spanish Gold
Tetrádico +90° +180° +270°
- 65A5D5
Water Spirit
- C287B8
≈ Dragonflies
- C9905D
≈ Napa Sunset
- 6EAF80
≈ Morning Forest
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.65:1 · APCA Lc 52
Ag
AAASobre negro
WCAG 7.89:1 · APCA Lc 50
Mejor color de texto: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmentos de código
CSS
:root {
--water-spirit: #65a5d5;
--water-spirit-rgb: 101 165 213;
--water-spirit-oklch: oklch(0.698 0.097 242.3);
}
.element {
color: var(--water-spirit);
background-color: hsl(206 57% 62%);
border-color: oklch(0.698 0.097 242.3);
}Tailwind CSS v4
@theme {
--color-water-spirit: #65a5d5;
--color-water-spirit-50: #dff9ff;
--color-water-spirit-100: #ceecff;
--color-water-spirit-200: #b2dafb;
--color-water-spirit-300: #8dbde6;
--color-water-spirit-400: #69a5d3;
--color-water-spirit-500: #458dc1;
--color-water-spirit-600: #3c77a3;
--color-water-spirit-700: #2f6083;
--color-water-spirit-800: #1f4660;
--color-water-spirit-900: #153144;
--color-water-spirit-950: #061d2c;
}SCSS
$water-spirit: #65a5d5;
$water-spirit-rgb: 101, 165, 213;
$water-spirit-light: mix(#fff, $water-spirit, 20%);
$water-spirit-dark: mix(#000, $water-spirit, 20%);
.element {
color: $water-spirit;
box-shadow: 0 0 0 2px rgba($water-spirit, 0.35);
}