Benannte Farbe · #5BB4D7
Disembark
Disembark ist #5BB4D7: rgb(91 180 215), hsl(197 61% 60%), oklch(0.729 0.099 226.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Disembark color name →
#5BB4D7
oklch(0.729 0.099 226.3)
Farbumrechnungen
- HEX
- #5bb4d7
- RGB
- rgb(91 180 215)
- HSL
- hsl(197 61% 60%)
- HWB
- hwb(197 36% 16%)
- OKLCH
- oklch(0.729 0.099 226.3)
- OKLab
- oklab(0.729 -0.068 -0.072)
- CIE Lab
- lab(68.87 -20.15 -26.35)
- LCH
- lch(68.87 33.17 232.6)
- CMYK
- cmyk(58% 16% 0% 16%)
Tints · Shades · Tones
Tints
- 6EBCDB
- 80C3DF
- 90CBE4
- A1D2E8
- B1DAEC
- C1E1F0
- D0E9F4
- E0F0F7
- EFF8FB
Shades
- 4E9CBB
- 41859F
- 356E85
- 29586B
- 1E4452
- 13303B
- 091D25
- 030C11
- 000202
Tones
- 61AFCE
- 67AAC5
- 6BA5BD
- 709FB4
- 739AAB
- 7695A2
- 79909A
- 7C8B91
- 7E8589
Farbharmonien
Komplementär +180°
- 5BB4D7
Disembark
- DB9471
≈ Buffed Copper
Analog -30° +30°
- 5BB4D7
Disembark
- 4DBABC
≈ Lagoon Rock
- 7EAAE5
≈ Jordy Blue
Triadisch +120° +240°
- 5BB4D7
Disembark
- D58EB4
≈ High Maintenance
- AFAB5F
≈ Palm Frond
Geteilt komplementär +150° +210°
- 5BB4D7
Disembark
- DE8D92
≈ Ruddy Pink
- CB9F5D
≈ Sunrise Heat
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.34:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 8.95:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 8.95:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--disembark: #5bb4d7;
--disembark-rgb: 91 180 215;
--disembark-oklch: oklch(0.729 0.099 226.3);
}
.element {
color: var(--disembark);
background-color: hsl(197 61% 60%);
border-color: oklch(0.729 0.099 226.3);
}Tailwind CSS v4
@theme {
--color-disembark: #5bb4d7;
--color-disembark-50: #d9fbff;
--color-disembark-100: #c7efff;
--color-disembark-200: #a8ddf6;
--color-disembark-300: #80c2e0;
--color-disembark-400: #57aacb;
--color-disembark-500: #2593b8;
--color-disembark-600: #237c9c;
--color-disembark-700: #1c637d;
--color-disembark-800: #10495c;
--color-disembark-900: #0a3340;
--color-disembark-950: #001e29;
}SCSS
$disembark: #5bb4d7;
$disembark-rgb: 91, 180, 215;
$disembark-light: mix(#fff, $disembark, 20%);
$disembark-dark: mix(#000, $disembark, 20%);
.element {
color: $disembark;
box-shadow: 0 0 0 2px rgba($disembark, 0.35);
}