Warna bernama · #7EB7BF
Waterway
Waterway adalah #7EB7BF: rgb(126 183 191), hsl(187 34% 62%), oklch(0.743 0.06 207). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Cyan mean? → · Waterway color name →
#7EB7BF
oklch(0.743 0.06 207)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 8BBEC5
- 98C5CC
- A5CCD2
- B2D4D8
- BFDBDF
- CCE2E5
- D9E9EC
- E5F0F2
- F2F8F8
Shade
- 6D9FA6
- 5C878D
- 4C7075
- 3C5A5E
- 2D4548
- 1F3133
- 111E1F
- 050C0D
- 010202
Tone
- 7FB1B9
- 80ACB2
- 80A6AC
- 81A1A5
- 819B9F
- 819699
- 819092
- 818B8C
- 808586
Harmoni warna
Komplementer +180°
- 7EB7BF
Waterway
- CF9E97
≈ Dull Apricot
Analog -30° +30°
- 7EB7BF
Waterway
- 83B9AB
≈ Winter Surf
- 88B2CD
≈ Batch Blue
Triadik +120° +240°
- 7EB7BF
Waterway
- C19FC0
≈ Beach Lilac
- BCAA80
≈ Inner Cervela
Split-komplementer +150° +210°
- 7EB7BF
Waterway
- CC9CAC
≈ Rosebay
- CAA387
≈ Labyrinth Walk
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.23:1 · APCA Lc 44
Ag
AAADi atas hitam
WCAG 9.41:1 · APCA Lc 58
Warna teks terbaik: #000000
WCAG 9.41:1 (AAA) · APCA Lc 58
Contrast pairs
Cuplikan kode
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);
}