Benannte Farbe · #65A7DD
Acapulco Dive
Acapulco Dive ist #65A7DD: rgb(101 167 221), hsl(207 64% 63%), oklch(0.706 0.104 244.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Acapulco Dive color name →
#65A7DD
oklch(0.706 0.104 244.7)
Farbumrechnungen
- HEX
- #65a7dd
- RGB
- rgb(101 167 221)
- HSL
- hsl(207 64% 63%)
- HWB
- hwb(207 40% 13%)
- OKLCH
- oklch(0.706 0.104 244.7)
- OKLab
- oklab(0.706 -0.045 -0.094)
- CIE Lab
- lab(65.73 -10.14 -34.39)
- LCH
- lch(65.73 35.85 253.6)
- CMYK
- cmyk(54% 24% 0% 13%)
Tints · Shades · Tones
Tints
- 75B0E1
- 85B9E5
- 94C2E8
- A4CAEC
- B3D3EF
- C2DCF3
- D1E5F6
- E0EDF9
- F0F6FC
Shades
- 5791C0
- 497BA4
- 3C6688
- 2F526E
- 223E55
- 172C3D
- 0C1A26
- 030A11
- 000102
Tones
- 69A3D4
- 6DA0CA
- 709CC1
- 7398B8
- 7694AE
- 7890A5
- 7A8C9C
- 7C8893
- 7E8489
Farbharmonien
Komplementär +180°
- 65A7DD
Acapulco Dive
- CD9257
≈ Ginger Crisp
Analog -30° +30°
- 65A7DD
Acapulco Dive
- 41B1C9
≈ Viking
- 8D9BE1
≈ Portage
Triadisch +120° +240°
- 65A7DD
Acapulco Dive
- D78498
≈ Dull Pink
- 92AC61
≈ Celuce
Geteilt komplementär +150° +210°
- 65A7DD
Acapulco Dive
- D98874
≈ Freckles
- B59F4E
≈ Woollen Mittens
Tetradisch +90° +180° +270°
- 65A7DD
Acapulco Dive
- C987BA
≈ Rock Star Pink
- CD9257
≈ Ginger Crisp
- 68B483
≈ Elf Shoe
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.58:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.12:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.12:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--acapulco-dive: #65a7dd;
--acapulco-dive-rgb: 101 167 221;
--acapulco-dive-oklch: oklch(0.706 0.104 244.7);
}
.element {
color: var(--acapulco-dive);
background-color: hsl(207 64% 63%);
border-color: oklch(0.706 0.104 244.7);
}Tailwind CSS v4
@theme {
--color-acapulco-dive: #65a7dd;
--color-acapulco-dive-50: #def9ff;
--color-acapulco-dive-100: #cdecff;
--color-acapulco-dive-200: #b1d9ff;
--color-acapulco-dive-300: #8bbdea;
--color-acapulco-dive-400: #67a5d8;
--color-acapulco-dive-500: #428cc6;
--color-acapulco-dive-600: #3977a7;
--color-acapulco-dive-700: #2d5f86;
--color-acapulco-dive-800: #1d4663;
--color-acapulco-dive-900: #133146;
--color-acapulco-dive-950: #051d2d;
}SCSS
$acapulco-dive: #65a7dd;
$acapulco-dive-rgb: 101, 167, 221;
$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);
}