Nächste benannte Farbe · #86C1D2
#86C1D2
Nächste benannte Farbe: Dolphin
#86C1D2 (rgb(134 193 210), hsl(193 46% 67%), oklch(0.776 0.065 217.7)) liegt am nächsten an der benannten Farbe Dolphin. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#86C1D2
oklch(0.776 0.065 217.7)
Farbumrechnungen
- HEX
- #86c1d2
- RGB
- rgb(134 193 210)
- HSL
- hsl(193 46% 67%)
- HWB
- hwb(193 53% 18%)
- OKLCH
- oklch(0.776 0.065 217.7)
- OKLab
- oklab(0.776 -0.052 -0.04)
- CIE Lab
- lab(74.47 -16.58 -14.97)
- LCH
- lch(74.47 22.34 222.1)
- CMYK
- cmyk(36% 8% 0% 18%)
Tints · Shades · Tones
Tints
- 93C7D7
- 9FCDDB
- ABD4E0
- B7DAE4
- C3E0E9
- CFE6ED
- DBECF2
- E7F3F6
- F3F9FB
Shades
- 74A7B6
- 628F9B
- 517781
- 405F68
- 304950
- 213439
- 132024
- 060E10
- 010202
Tones
- 86BACA
- 86B4C1
- 86ADB9
- 85A7B0
- 85A0A8
- 849AA0
- 839398
- 828D90
- 818688
Farbharmonien
Komplementär +180°
- 86C1D2
Dolphin
- DCA899
≈ Kitten’s Paw
Analog -30° +30°
- 86C1D2
Dolphin
- 85C4BE
≈ Booty Bay
- 95BBDF
≈ Double Denim
Triadisch +120° +240°
- 86C1D2
Dolphin
- D3A7C5
≈ Heart to Heart
- C1B787
≈ Desert Grass
Geteilt komplementär +150° +210°
- 86C1D2
Dolphin
- DCA5AE
≈ Prom
- D3AF8A
≈ Cracker Bitz
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.98:1 · APCA Lc 38
Ag
AAAAuf Schwarz
WCAG 10.57:1 · APCA Lc 64
Beste Textfarbe: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
Code-Snippets
CSS
:root {
--dolphin: #86c1d2;
--dolphin-rgb: 134 193 210;
--dolphin-oklch: oklch(0.776 0.065 217.7);
}
.element {
color: var(--dolphin);
background-color: hsl(193 46% 67%);
border-color: oklch(0.776 0.065 217.7);
}Tailwind CSS v4
@theme {
--color-dolphin: #86c1d2;
--color-dolphin-50: #e2faff;
--color-dolphin-100: #d1eef7;
--color-dolphin-200: #b6dbe8;
--color-dolphin-300: #93c0cf;
--color-dolphin-400: #71a8b8;
--color-dolphin-500: #5091a3;
--color-dolphin-600: #447b8a;
--color-dolphin-700: #36626e;
--color-dolphin-800: #264851;
--color-dolphin-900: #193238;
--color-dolphin-950: #0a1e23;
}SCSS
$dolphin: #86c1d2;
$dolphin-rgb: 134, 193, 210;
$dolphin-light: mix(#fff, $dolphin, 20%);
$dolphin-dark: mix(#000, $dolphin, 20%);
.element {
color: $dolphin;
box-shadow: 0 0 0 2px rgba($dolphin, 0.35);
}