Color con nombre · #7EB7BF
Waterway
Waterway es #7EB7BF: rgb(126 183 191), hsl(187 34% 62%), oklch(0.743 0.06 207). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Waterway color name →
#7EB7BF
oklch(0.743 0.06 207)
Conversiones de color
- HEX
- #7eb7bf
- RGB
- rgb(126 183 191)
- HSL
- hsl(187 34% 62%)
- HWB
- hwb(187 49% 25%)
- OKLCH
- oklch(0.743 0.06 207)
- OKLab
- oklab(0.743 -0.054 -0.027)
- CIE Lab
- lab(70.7 -17.74 -10.33)
- LCH
- lch(70.7 20.53 210.2)
- CMYK
- cmyk(34% 4% 0% 25%)
Tintes · Sombras · Tonos
Tintes
- 8BBEC5
- 98C5CC
- A5CCD2
- B2D4D8
- BFDBDF
- CCE2E5
- D9E9EC
- E5F0F2
- F2F8F8
Sombras
- 6D9FA6
- 5C878D
- 4C7075
- 3C5A5E
- 2D4548
- 1F3133
- 111E1F
- 050C0D
- 010202
Tonos
- 7FB1B9
- 80ACB2
- 80A6AC
- 81A1A5
- 819B9F
- 819699
- 819092
- 818B8C
- 808586
Armonías de color
Complementario +180°
- 7EB7BF
Waterway
- CF9E97
≈ Dull Apricot
Análogo -30° +30°
- 7EB7BF
Waterway
- 83B9AB
≈ Winter Surf
- 88B2CD
≈ Batch Blue
Triádico +120° +240°
- 7EB7BF
Waterway
- C19FC0
≈ Beach Lilac
- BCAA80
≈ Inner Cervela
Complementario dividido +150° +210°
- 7EB7BF
Waterway
- CC9CAC
≈ Rosebay
- CAA387
≈ Labyrinth Walk
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.23:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.41:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.41:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
CSS
:root {
--waterway: #7eb7bf;
--waterway-rgb: 126 183 191;
--waterway-oklch: oklch(0.743 0.06 207);
}
.element {
color: var(--waterway);
background-color: hsl(187 34% 62%);
border-color: oklch(0.743 0.06 207);
}Tailwind CSS v4
@theme {
--color-waterway: #7eb7bf;
--color-waterway-50: #e2fafe;
--color-waterway-100: #d2eef3;
--color-waterway-200: #b8dce2;
--color-waterway-300: #94c0c8;
--color-waterway-400: #74a9b0;
--color-waterway-500: #53929a;
--color-waterway-600: #477b82;
--color-waterway-700: #386369;
--color-waterway-800: #28494c;
--color-waterway-900: #1b3235;
--color-waterway-950: #0b1e20;
}SCSS
$waterway: #7eb7bf;
$waterway-rgb: 126, 183, 191;
$waterway-light: mix(#fff, $waterway, 20%);
$waterway-dark: mix(#000, $waterway, 20%);
.element {
color: $waterway;
box-shadow: 0 0 0 2px rgba($waterway, 0.35);
}