Benannte Farbe · #7EB6D0
Harbour Sky
Harbour Sky ist #7EB6D0: rgb(126 182 208), hsl(199 47% 65%), oklch(0.747 0.069 228.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Harbour Sky color name →
#7EB6D0
oklch(0.747 0.069 228.6)
Farbumrechnungen
- HEX
- #7eb6d0
- RGB
- rgb(126 182 208)
- HSL
- hsl(199 47% 65%)
- HWB
- hwb(199 49% 18%)
- OKLCH
- oklch(0.747 0.069 228.6)
- OKLab
- oklab(0.747 -0.046 -0.052)
- CIE Lab
- lab(70.87 -13.95 -19.33)
- LCH
- lch(70.87 23.84 234.2)
- CMYK
- cmyk(39% 12% 0% 18%)
Tints · Shades · Tones
Tints
- 8BBDD5
- 98C5DA
- A5CCDE
- B2D3E3
- BFDAE8
- CCE2EC
- D8E9F1
- E5F0F6
- F2F8FA
Shades
- 6D9EB5
- 5C869A
- 4C6F80
- 3C5967
- 2D444F
- 1F3039
- 111D23
- 050C10
- 010202
Tones
- 7FB1C8
- 80ABC0
- 80A6B8
- 81A0AF
- 819BA7
- 81959F
- 819098
- 818B90
- 808588
Farbharmonien
Komplementär +180°
- 7EB6D0
Harbour Sky
- D2A087
≈ Orange Maple
Analog -30° +30°
- 7EB6D0
Harbour Sky
- 76BBBD
≈ Aqua Sky
- 93AFD9
≈ Blue Skies Today
Triadisch +120° +240°
- 7EB6D0
Harbour Sky
- CF9BB4
≈ Exotic Lilac
- B0B17E
≈ Weeping Willow
Geteilt komplementär +150° +210°
- 7EB6D0
Harbour Sky
- D59C9C
≈ Rosewood Apricot
- C5A87B
≈ Sugar Pie
Tetradisch +90° +180° +270°
- 7EB6D0
Harbour Sky
- C09FC9
≈ Lilac Pink
- D2A087
≈ Orange Maple
- 97B88E
≈ Brookview
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.21:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.48:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.48:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--harbour-sky: #7eb6d0;
--harbour-sky-rgb: 126 182 208;
--harbour-sky-oklch: oklch(0.747 0.069 228.6);
}
.element {
color: var(--harbour-sky);
background-color: hsl(199 47% 65%);
border-color: oklch(0.747 0.069 228.6);
}Tailwind CSS v4
@theme {
--color-harbour-sky: #7eb6d0;
--color-harbour-sky-50: #e2f9ff;
--color-harbour-sky-100: #d2edfb;
--color-harbour-sky-200: #b7daed;
--color-harbour-sky-300: #94bfd5;
--color-harbour-sky-400: #72a7bf;
--color-harbour-sky-500: #518fab;
--color-harbour-sky-600: #467990;
--color-harbour-sky-700: #376174;
--color-harbour-sky-800: #264755;
--color-harbour-sky-900: #1a313b;
--color-harbour-sky-950: #0a1d25;
}SCSS
$harbour-sky: #7eb6d0;
$harbour-sky-rgb: 126, 182, 208;
$harbour-sky-light: mix(#fff, $harbour-sky, 20%);
$harbour-sky-dark: mix(#000, $harbour-sky, 20%);
.element {
color: $harbour-sky;
box-shadow: 0 0 0 2px rgba($harbour-sky, 0.35);
}