Color con nombre · #1FB4C3
Lago Blue
Lago Blue es #1FB4C3: rgb(31 180 195), hsl(185 73% 44%), oklch(0.705 0.116 205.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Lago Blue color name →
#1FB4C3
oklch(0.705 0.116 205.8)
Conversiones de color
- HEX
- #1fb4c3
- RGB
- rgb(31 180 195)
- HSL
- hsl(185 73% 44%)
- HWB
- hwb(185 12% 24%)
- OKLCH
- oklch(0.705 0.116 205.8)
- OKLab
- oklab(0.705 -0.104 -0.05)
- CIE Lab
- lab(66.77 -33.83 -18.76)
- LCH
- lch(66.77 38.68 209)
- CMYK
- cmyk(84% 8% 0% 24%)
Tintes · Sombras · Tonos
Tintes
- 48BCC9
- 63C3CF
- 7ACBD5
- 8FD3DB
- A2DAE1
- B6E2E7
- C8E9ED
- DBF0F3
- EDF8F9
Sombras
- 199CA9
- 148590
- 0F6E78
- 0A5860
- 06444A
- 033034
- 011D20
- 000C0E
- 000202
Tonos
- 38AFBC
- 47AAB5
- 53A5AF
- 5CA0A8
- 659AA1
- 6B959A
- 729094
- 778B8D
- 7C8587
Armonías de color
Complementario +180°
- 1FB4C3
Lago Blue
- DF827A
≈ Cranapple
Análogo -30° +30°
- 1FB4C3
Lago Blue
- 3AB79D
≈ Capture
- 4DABDE
≈ Thalassophile
Triádico +120° +240°
- 1FB4C3
Lago Blue
- C586C7
≈ Lavender Sweater
- C09A41
≈ Underbrush
Complementario dividido +150° +210°
- 1FB4C3
Lago Blue
- D980A2
≈ Sweet Chrysanthemum
- D78C55
≈ Amber Wave
Tetrádico +90° +180° +270°
- 1FB4C3
Lago Blue
- A691E0
≈ Middy’s Purple
- DF827A
≈ Cranapple
- 9DA94F
≈ Ogryn Camo
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASobre negro
WCAG 8.37:1 · APCA Lc 53
Mejor color de texto: #000000
WCAG 8.37:1 (AAA) · APCA Lc 53
Contrast pairs
Fragmentos de código
CSS
:root {
--lago-blue: #1fb4c3;
--lago-blue-rgb: 31 180 195;
--lago-blue-oklch: oklch(0.705 0.116 205.8);
}
.element {
color: var(--lago-blue);
background-color: hsl(185 73% 44%);
border-color: oklch(0.705 0.116 205.8);
}Tailwind CSS v4
@theme {
--color-lago-blue: #1fb4c3;
--color-lago-blue-50: #d0ffff;
--color-lago-blue-100: #bbf3fc;
--color-lago-blue-200: #98e3ee;
--color-lago-blue-300: #68c8d6;
--color-lago-blue-400: #2db2c0;
--color-lago-blue-500: #009bab;
--color-lago-blue-600: #008391;
--color-lago-blue-700: #006974;
--color-lago-blue-800: #004d55;
--color-lago-blue-900: #00363b;
--color-lago-blue-950: #002125;
}SCSS
$lago-blue: #1fb4c3;
$lago-blue-rgb: 31, 180, 195;
$lago-blue-light: mix(#fff, $lago-blue, 20%);
$lago-blue-dark: mix(#000, $lago-blue, 20%);
.element {
color: $lago-blue;
box-shadow: 0 0 0 2px rgba($lago-blue, 0.35);
}