Colore con nome · #659FB5
Dolphin Daze
Dolphin Daze è #659FB5: rgb(101 159 181), hsl(197 35% 55%), oklch(0.671 0.069 224.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Dolphin Daze color name →
#659FB5
oklch(0.671 0.069 224.1)
Conversioni di colore
- HEX
- #659fb5
- RGB
- rgb(101 159 181)
- HSL
- hsl(197 35% 55%)
- HWB
- hwb(197 40% 29%)
- OKLCH
- oklch(0.671 0.069 224.1)
- OKLab
- oklab(0.671 -0.049 -0.048)
- CIE Lab
- lab(62.13 -15.24 -17.75)
- LCH
- lch(62.13 23.39 229.4)
- CMYK
- cmyk(44% 12% 0% 29%)
Tinte · Ombre · Toni
Tinte
- 75A8BC
- 84B2C4
- 94BBCB
- A3C5D2
- B2CEDA
- C1D8E1
- D1E2E9
- E0EBF0
- EFF5F8
Ombre
- 578A9D
- 497586
- 3C616F
- 2F4D59
- 223B44
- 172930
- 0C181D
- 03090C
- 000102
Toni
- 699CB0
- 6C99AA
- 6F96A5
- 7293A0
- 75909A
- 778D95
- 7A8990
- 7C868B
- 7E8385
Armonie di colore
Complementare +180°
- 659FB5
Dolphin Daze
- BA8873
≈ Carmelite
Analogo -30° +30°
- 659FB5
Dolphin Daze
- 60A3A2
≈ Folk Song
- 7898BF
≈ Blue Beauty
Triadico +120° +240°
- 659FB5
Dolphin Daze
- B485A0
≈ Orchid Haze
- 9C9866
≈ Hiking
Complementare divisa +150° +210°
- 659FB5
Dolphin Daze
- BC8489
≈ Baker Rose
- AF9066
≈ Modern Avocado
Tetradico +90° +180° +270°
- 659FB5
Dolphin Daze
- A589B3
≈ Kismet
- BA8873
≈ Carmelite
- 849F74
≈ Green Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.92:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.17:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.17:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--dolphin-daze: #659fb5;
--dolphin-daze-rgb: 101 159 181;
--dolphin-daze-oklch: oklch(0.671 0.069 224.1);
}
.element {
color: var(--dolphin-daze);
background-color: hsl(197 35% 55%);
border-color: oklch(0.671 0.069 224.1);
}Tailwind CSS v4
@theme {
--color-dolphin-daze: #659fb5;
--color-dolphin-daze-50: #e2faff;
--color-dolphin-daze-100: #d1edfa;
--color-dolphin-daze-200: #b6dbeb;
--color-dolphin-daze-300: #92bfd3;
--color-dolphin-daze-400: #71a8bd;
--color-dolphin-daze-500: #4f90a8;
--color-dolphin-daze-600: #447a8e;
--color-dolphin-daze-700: #366272;
--color-dolphin-daze-800: #254853;
--color-dolphin-daze-900: #19323a;
--color-dolphin-daze-950: #091e24;
}SCSS
$dolphin-daze: #659fb5;
$dolphin-daze-rgb: 101, 159, 181;
$dolphin-daze-light: mix(#fff, $dolphin-daze, 20%);
$dolphin-daze-dark: mix(#000, $dolphin-daze, 20%);
.element {
color: $dolphin-daze;
box-shadow: 0 0 0 2px rgba($dolphin-daze, 0.35);
}