Warna bernama · #59B9CC
High Dive
High Dive adalah #59B9CC: rgb(89 185 204), hsl(190 53% 57%), oklch(0.735 0.094 212.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Cyan mean? → · High Dive color name →
#59B9CC
oklch(0.735 0.094 212.4)
Konversi warna
- HEX
- #59b9cc
- RGB
- rgb(89 185 204)
- HSL
- hsl(190 53% 57%)
- HWB
- hwb(190 35% 20%)
- OKLCH
- oklch(0.735 0.094 212.4)
- OKLab
- oklab(0.735 -0.079 -0.05)
- CIE Lab
- lab(69.94 -25.41 -18.75)
- LCH
- lch(69.94 31.58 216.4)
- CMYK
- cmyk(56% 9% 0% 20%)
Tint · Shade · Tone
Tint
- 6DC0D1
- 7FC7D6
- 90CEDB
- A1D5E1
- B1DCE6
- C1E3EB
- D0EAF0
- E0F1F5
- F0F8FA
Shade
- 4CA0B1
- 408997
- 34717E
- 285B65
- 1D464E
- 133137
- 091E22
- 030D0F
- 000202
Tone
- 60B3C4
- 66AEBC
- 6BA8B5
- 6FA2AD
- 739DA6
- 76979E
- 799196
- 7C8B8F
- 7E8687
Harmoni warna
Komplementer +180°
- 59B9CC
High Dive
- DE9384
≈ Paddy
Analog -30° +30°
- 59B9CC
High Dive
- 5DBDAE
≈ Florida Keys
- 72B1E0
≈ Xavier Blue
Triadik +120° +240°
- 59B9CC
High Dive
- CD93C3
≈ Carnation Rose
- BEA861
≈ Slender Stem
Split-komplementer +150° +210°
- 59B9CC
High Dive
- DB90A4
≈ Sugar Tooth
- D49C6A
≈ Prayer Flag
Tetradik +90° +180° +270°
- 59B9CC
High Dive
- B49BDB
≈ Violet Velvet
- DE9384
≈ Paddy
- 9FB36F
≈ Around the Gills
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.27:1 · APCA Lc 45
Ag
AAADi atas hitam
WCAG 9.23:1 · APCA Lc 58
Warna teks terbaik: #000000
WCAG 9.23:1 (AAA) · APCA Lc 58
Contrast pairs
Cuplikan kode
CSS
:root {
--high-dive: #59b9cc;
--high-dive-rgb: 89 185 204;
--high-dive-oklch: oklch(0.735 0.094 212.4);
}
.element {
color: var(--high-dive);
background-color: hsl(190 53% 57%);
border-color: oklch(0.735 0.094 212.4);
}Tailwind CSS v4
@theme {
--color-high-dive: #59b9cc;
--color-high-dive-50: #d8fdff;
--color-high-dive-100: #c5f1fb;
--color-high-dive-200: #a6dfed;
--color-high-dive-300: #7dc4d5;
--color-high-dive-400: #53adbf;
--color-high-dive-500: #1996ab;
--color-high-dive-600: #1b7f90;
--color-high-dive-700: #166674;
--color-high-dive-800: #0c4b54;
--color-high-dive-900: #08343b;
--color-high-dive-950: #001f25;
}SCSS
$high-dive: #59b9cc;
$high-dive-rgb: 89, 185, 204;
$high-dive-light: mix(#fff, $high-dive, 20%);
$high-dive-dark: mix(#000, $high-dive, 20%);
.element {
color: $high-dive;
box-shadow: 0 0 0 2px rgba($high-dive, 0.35);
}