Color con nombre · #0011FF
Icelandic Water
Icelandic Water es #0011FF: rgb(0 17 255), hsl(236 100% 50%), oklch(0.458 0.309 264.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Icelandic Water color name →
#0011FF
oklch(0.458 0.309 264.1)
Conversiones de color
- HEX
- #0011ff
- RGB
- rgb(0 17 255)
- HSL
- hsl(236 100% 50%)
- HWB
- hwb(236 0% 0%)
- OKLCH
- oklch(0.458 0.309 264.1)
- OKLab
- oklab(0.458 -0.032 -0.308)
- CIE Lab
- lab(30.55 65.36 -110.38)
- LCH
- lch(30.55 128.28 300.6)
- CMYK
- cmyk(100% 93% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- 0945FF
- 2662FF
- 407AFF
- 5B90FF
- 75A4FF
- 90B7FF
- ABCAFF
- C7DCFF
- E3EDFF
Sombras
- 000DDE
- 0009BE
- 00069E
- 000480
- 000263
- 000148
- 00002E
- 000016
- 000003
Tonos
- 0134F3
- 0F46E8
- 1F53DC
- 2E5DD0
- 3C65C4
- 4A6CB7
- 5873AA
- 65789D
- 737C8F
Armonías de color
Complementario +180°
- 0011FF
Icelandic Water
- 705200
≈ Pickled Grape Leaves
Análogo -30° +30°
- 0011FF
Icelandic Water
- 005F84
≈ Sapphire Sparkle
- 6800D1
≈ Trusted Purple
Triádico +120° +240°
- 0011FF
Icelandic Water
- A6001C
≈ Castlevania Heart
- 006B13
≈ Leafy Lush
Complementario dividido +150° +210°
- 0011FF
Icelandic Water
- 874200
≈ Chocolate Pancakes
- 575D00
≈ Greensboro
Tetrádico +90° +180° +270°
- 0011FF
Icelandic Water
- 9E005E
≈ Deep Magenta
- 705200
≈ Pickled Grape Leaves
- 006754
≈ Piney Lake
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.31:1 · APCA Lc 86
Ag
FailSobre negro
WCAG 2.52:1 · APCA Lc 16
Mejor color de texto: #FFFFFF
WCAG 8.31:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--icelandic-water: #0011ff;
--icelandic-water-rgb: 0 17 255;
--icelandic-water-oklch: oklch(0.458 0.309 264.1);
}
.element {
color: var(--icelandic-water);
background-color: hsl(236 100% 50%);
border-color: oklch(0.458 0.309 264.1);
}Tailwind CSS v4
@theme {
--color-icelandic-water: #0011ff;
--color-icelandic-water-50: #ccf3ff;
--color-icelandic-water-100: #b8e4ff;
--color-icelandic-water-200: #96cdff;
--color-icelandic-water-300: #6da9ff;
--color-icelandic-water-400: #3a87ff;
--color-icelandic-water-500: #0e5aff;
--color-icelandic-water-600: #0e4fff;
--color-icelandic-water-700: #0b3fe2;
--color-icelandic-water-800: #002faa;
--color-icelandic-water-900: #002079;
--color-icelandic-water-950: #000c56;
}SCSS
$icelandic-water: #0011ff;
$icelandic-water-rgb: 0, 17, 255;
$icelandic-water-light: mix(#fff, $icelandic-water, 20%);
$icelandic-water-dark: mix(#000, $icelandic-water, 20%);
.element {
color: $icelandic-water;
box-shadow: 0 0 0 2px rgba($icelandic-water, 0.35);
}