Benannte Farbe · #7695C2
Himalaya Sky
Himalaya Sky ist #7695C2: rgb(118 149 194), hsl(216 38% 61%), oklch(0.664 0.076 257.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Himalaya Sky color name →
#7695C2
oklch(0.664 0.076 257.6)
Farbumrechnungen
- HEX
- #7695c2
- RGB
- rgb(118 149 194)
- HSL
- hsl(216 38% 61%)
- HWB
- hwb(216 46% 24%)
- OKLCH
- oklch(0.664 0.076 257.6)
- OKLab
- oklab(0.664 -0.016 -0.074)
- CIE Lab
- lab(60.65 -2.48 -27.15)
- LCH
- lch(60.65 27.27 264.8)
- CMYK
- cmyk(39% 23% 0% 24%)
Tints · Shades · Tones
Tints
- 839FC8
- 90AACF
- 9EB4D5
- ABBFDB
- B9C9E1
- C7D4E7
- D5DFED
- E3E9F3
- F1F4F9
Shades
- 6681A8
- 566D8F
- 475A77
- 384860
- 293749
- 1C2634
- 0F1620
- 05080E
- 010102
Tones
- 7793BB
- 7891B5
- 798FAE
- 7B8DA8
- 7C8BA1
- 7D899A
- 7D8794
- 7E848D
- 7F8287
Farbharmonien
Komplementär +180°
- 7695C2
Himalaya Sky
- AD8E5D
≈ Alpha Gold
Analog -30° +30°
- 7695C2
Himalaya Sky
- 5E9DB8
≈ Shakespeare
- 908CC0
≈ Butterfly Garden
Triadisch +120° +240°
- 7695C2
Himalaya Sky
- BD8082
≈ Old Rose
- 7D9F71
≈ Amulet
Geteilt komplementär +150° +210°
- 7695C2
Himalaya Sky
- BA856B
≈ Red Gravel
- 98975F
≈ Broad Bean
Tetradisch +90° +180° +270°
- 7695C2
Himalaya Sky
- B7809C
≈ Antique Hot Pink
- AD8E5D
≈ Alpha Gold
- 63A38A
≈ Sea Lettuce
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.06:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.84:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.84:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--himalaya-sky: #7695c2;
--himalaya-sky-rgb: 118 149 194;
--himalaya-sky-oklch: oklch(0.664 0.076 257.6);
}
.element {
color: var(--himalaya-sky);
background-color: hsl(216 38% 61%);
border-color: oklch(0.664 0.076 257.6);
}Tailwind CSS v4
@theme {
--color-himalaya-sky: #7695c2;
--color-himalaya-sky-50: #e9f6ff;
--color-himalaya-sky-100: #d9e9ff;
--color-himalaya-sky-200: #c1d6f5;
--color-himalaya-sky-300: #a1b9df;
--color-himalaya-sky-400: #82a0cc;
--color-himalaya-sky-500: #6688b8;
--color-himalaya-sky-600: #57739c;
--color-himalaya-sky-700: #455c7d;
--color-himalaya-sky-800: #31435c;
--color-himalaya-sky-900: #212f41;
--color-himalaya-sky-950: #101b29;
}SCSS
$himalaya-sky: #7695c2;
$himalaya-sky-rgb: 118, 149, 194;
$himalaya-sky-light: mix(#fff, $himalaya-sky, 20%);
$himalaya-sky-dark: mix(#000, $himalaya-sky, 20%);
.element {
color: $himalaya-sky;
box-shadow: 0 0 0 2px rgba($himalaya-sky, 0.35);
}