Colore con nome · #59B9CC
High Dive
High Dive è #59B9CC: rgb(89 185 204), hsl(190 53% 57%), oklch(0.735 0.094 212.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · High Dive color name →
#59B9CC
oklch(0.735 0.094 212.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 6DC0D1
- 7FC7D6
- 90CEDB
- A1D5E1
- B1DCE6
- C1E3EB
- D0EAF0
- E0F1F5
- F0F8FA
Ombre
- 4CA0B1
- 408997
- 34717E
- 285B65
- 1D464E
- 133137
- 091E22
- 030D0F
- 000202
Toni
- 60B3C4
- 66AEBC
- 6BA8B5
- 6FA2AD
- 739DA6
- 76979E
- 799196
- 7C8B8F
- 7E8687
Armonie di colore
Complementare +180°
- 59B9CC
High Dive
- DE9384
≈ Paddy
Analogo -30° +30°
- 59B9CC
High Dive
- 5DBDAE
≈ Florida Keys
- 72B1E0
≈ Xavier Blue
Triadico +120° +240°
- 59B9CC
High Dive
- CD93C3
≈ Carnation Rose
- BEA861
≈ Slender Stem
Complementare divisa +150° +210°
- 59B9CC
High Dive
- DB90A4
≈ Sugar Tooth
- D49C6A
≈ Prayer Flag
Tetradico +90° +180° +270°
- 59B9CC
High Dive
- B49BDB
≈ Violet Velvet
- DE9384
≈ Paddy
- 9FB36F
≈ Around the Gills
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.27:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.23:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.23:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
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);
}