Color con nombre · #2188FF
Pool Water
Pool Water es #2188FF: rgb(33 136 255), hsl(212 100% 56%), oklch(0.635 0.198 255.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Pool Water color name →
#2188FF
oklch(0.635 0.198 255.8)
Conversiones de color
- HEX
- #2188ff
- RGB
- rgb(33 136 255)
- HSL
- hsl(212 100% 56%)
- HWB
- hwb(212 13% 0%)
- OKLCH
- oklch(0.635 0.198 255.8)
- OKLab
- oklab(0.635 -0.049 -0.192)
- CIE Lab
- lab(56.14 5.54 -68.34)
- LCH
- lch(56.14 68.57 274.6)
- CMYK
- cmyk(87% 47% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- 4095FF
- 58A2FF
- 6FAEFF
- 84BAFF
- 99C6FF
- ADD2FF
- C2DDFF
- D6E9FF
- EAF4FF
Sombras
- 1B75DE
- 1663BE
- 10529E
- 0B4180
- 063163
- 032248
- 01132E
- 000616
- 000103
Tonos
- 3288F2
- 3F89E6
- 4A88D9
- 5488CD
- 5C87C0
- 6486B4
- 6C85A7
- 73849A
- 7A828D
Armonías de color
Complementario +180°
- 2188FF
Pool Water
- B87D00
≈ Guo Tie Dumpling
Análogo -30° +30°
- 2188FF
Pool Water
- 0099C2
≈ Atomic Blue
- 8471FB
≈ Bainganī
Triádico +120° +240°
- 2188FF
Pool Water
- EA4761
≈ Guide Pink
- 4FA200
≈ Lawn Green
Complementario dividido +150° +210°
- 2188FF
Pool Water
- DE5E00
≈ Ancient Bamboo
- 968F00
≈ Smoothie Green
Tetrádico +90° +180° +270°
- 2188FF
Pool Water
- D94CA4
≈ Nova Pink
- B87D00
≈ Guo Tie Dumpling
- 00A378
≈ Sport Green
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.48:1 · APCA Lc 62
Ag
AASobre negro
WCAG 6.03:1 · APCA Lc 40
Mejor color de texto: #000000
WCAG 6.03:1 (AA) · APCA Lc 40
Contrast pairs
Fragmentos de código
CSS
:root {
--pool-water: #2188ff;
--pool-water-rgb: 33 136 255;
--pool-water-oklch: oklch(0.635 0.198 255.8);
}
.element {
color: var(--pool-water);
background-color: hsl(212 100% 56%);
border-color: oklch(0.635 0.198 255.8);
}Tailwind CSS v4
@theme {
--color-pool-water: #2188ff;
--color-pool-water-50: #d2f8ff;
--color-pool-water-100: #bfeaff;
--color-pool-water-200: #9ed6ff;
--color-pool-water-300: #74b8ff;
--color-pool-water-400: #429eff;
--color-pool-water-500: #0081ff;
--color-pool-water-600: #006edc;
--color-pool-water-700: #0158b1;
--color-pool-water-800: #004184;
--color-pool-water-900: #002d5e;
--color-pool-water-950: #001940;
}SCSS
$pool-water: #2188ff;
$pool-water-rgb: 33, 136, 255;
$pool-water-light: mix(#fff, $pool-water, 20%);
$pool-water-dark: mix(#000, $pool-water, 20%);
.element {
color: $pool-water;
box-shadow: 0 0 0 2px rgba($pool-water, 0.35);
}