Colore con nome più vicino · #62A1D1
#62A1D1
Colore con nome più vicino: Acapulco Dive
#62A1D1 (rgb(98 161 209), hsl(206 55% 60%), oklch(0.686 0.096 242.8)) è più vicino al colore con nome Acapulco Dive. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#62A1D1
oklch(0.686 0.096 242.8)
Conversioni di colore
- HEX
- #62a1d1
- RGB
- rgb(98 161 209)
- HSL
- hsl(206 55% 60%)
- HWB
- hwb(206 38% 18%)
- OKLCH
- oklch(0.686 0.096 242.8)
- OKLab
- oklab(0.686 -0.044 -0.086)
- CIE Lab
- lab(63.45 -10.68 -31.31)
- LCH
- lch(63.45 33.08 251.2)
- CMYK
- cmyk(53% 23% 0% 18%)
Tinte · Ombre · Toni
Tinte
- 72AAD6
- 82B4DB
- 92BDE0
- A2C7E4
- B1D0E9
- C1D9EE
- D0E3F2
- E0ECF6
- EFF6FB
Ombre
- 548BB5
- 47769B
- 3A6281
- 2D4E68
- 213C50
- 162A39
- 0B1923
- 030910
- 000102
Toni
- 669EC9
- 6A9BC1
- 6E98B9
- 7194B1
- 7491A8
- 778EA0
- 798A98
- 7C8790
- 7E8388
Armonie di colore
Complementare +180°
- 62A1D1
Acapulco Dive
- C58D59
≈ Eastlake Gold
Analogo -30° +30°
- 62A1D1
Acapulco Dive
- 45AABD
≈ Verditer Blue
- 8696D6
≈ Mystic Iris
Triadico +120° +240°
- 62A1D1
Acapulco Dive
- CC8094
≈ Cashmere Rose
- 8FA45F
≈ Zesty Apple
Complementare divisa +150° +210°
- 62A1D1
Acapulco Dive
- CF8473
≈ Copperleaf
- AF9950
≈ Spanish Gold
Tetradico +90° +180° +270°
- 62A1D1
Acapulco Dive
- BE83B4
≈ Violet Tulle
- C58D59
≈ Eastlake Gold
- 69AC7D
≈ Green Tea Candy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.53:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--acapulco-dive: #62a1d1;
--acapulco-dive-rgb: 98 161 209;
--acapulco-dive-oklch: oklch(0.686 0.096 242.8);
}
.element {
color: var(--acapulco-dive);
background-color: hsl(206 55% 60%);
border-color: oklch(0.686 0.096 242.8);
}Tailwind CSS v4
@theme {
--color-acapulco-dive: #62a1d1;
--color-acapulco-dive-50: #dff9ff;
--color-acapulco-dive-100: #ceecff;
--color-acapulco-dive-200: #b2d9fb;
--color-acapulco-dive-300: #8ebde6;
--color-acapulco-dive-400: #6aa5d3;
--color-acapulco-dive-500: #468dc1;
--color-acapulco-dive-600: #3c77a3;
--color-acapulco-dive-700: #306083;
--color-acapulco-dive-800: #204661;
--color-acapulco-dive-900: #153144;
--color-acapulco-dive-950: #061d2c;
}SCSS
$acapulco-dive: #62a1d1;
$acapulco-dive-rgb: 98, 161, 209;
$acapulco-dive-light: mix(#fff, $acapulco-dive, 20%);
$acapulco-dive-dark: mix(#000, $acapulco-dive, 20%);
.element {
color: $acapulco-dive;
box-shadow: 0 0 0 2px rgba($acapulco-dive, 0.35);
}