Benannte Farbe · #7795C1
Denver River
Denver River ist #7795C1: rgb(119 149 193), hsl(216 37% 61%), oklch(0.664 0.074 257.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Denver River color name →
#7795C1
oklch(0.664 0.074 257.9)
Farbumrechnungen
- HEX
- #7795c1
- RGB
- rgb(119 149 193)
- HSL
- hsl(216 37% 61%)
- HWB
- hwb(216 47% 24%)
- OKLCH
- oklch(0.664 0.074 257.9)
- OKLab
- oklab(0.664 -0.016 -0.072)
- CIE Lab
- lab(60.68 -2.4 -26.54)
- LCH
- lch(60.68 26.65 264.8)
- CMYK
- cmyk(38% 23% 0% 24%)
Tints · Shades · Tones
Tints
- 849FC7
- 91AACE
- 9EB4D4
- ACBFDA
- B9C9E1
- C7D4E7
- D5DFED
- E3E9F3
- F1F4F9
Shades
- 6781A7
- 576D8F
- 475A77
- 38485F
- 2A3749
- 1C2634
- 101620
- 05080E
- 010102
Tones
- 7893BB
- 7991B4
- 7A8FAE
- 7B8DA7
- 7C8BA1
- 7D899A
- 7E8794
- 7F848D
- 7F8287
Farbharmonien
Komplementär +180°
- 7795C1
Denver River
- AD8E5E
≈ Alpha Gold
Analog -30° +30°
- 7795C1
Denver River
- 609DB7
≈ Lake Lucerne
- 918DBF
≈ Butterfly Garden
Triadisch +120° +240°
- 7795C1
Denver River
- BD8182
≈ Baker Rose
- 7D9F72
≈ Amulet
Geteilt komplementär +150° +210°
- 7795C1
Denver River
- BA866C
≈ Red Gravel
- 989761
≈ Broad Bean
Tetradisch +90° +180° +270°
- 7795C1
Denver River
- B6819B
≈ Heather Violet
- AD8E5E
≈ Alpha Gold
- 64A28B
≈ Polished Pine
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.06:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.85:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--denver-river: #7795c1;
--denver-river-rgb: 119 149 193;
--denver-river-oklch: oklch(0.664 0.074 257.9);
}
.element {
color: var(--denver-river);
background-color: hsl(216 37% 61%);
border-color: oklch(0.664 0.074 257.9);
}Tailwind CSS v4
@theme {
--color-denver-river: #7795c1;
--color-denver-river-50: #e9f6ff;
--color-denver-river-100: #dae9ff;
--color-denver-river-200: #c2d5f5;
--color-denver-river-300: #a1b9de;
--color-denver-river-400: #83a0ca;
--color-denver-river-500: #6788b7;
--color-denver-river-600: #58739b;
--color-denver-river-700: #465c7c;
--color-denver-river-800: #31435c;
--color-denver-river-900: #212f40;
--color-denver-river-950: #111b29;
}SCSS
$denver-river: #7795c1;
$denver-river-rgb: 119, 149, 193;
$denver-river-light: mix(#fff, $denver-river, 20%);
$denver-river-dark: mix(#000, $denver-river, 20%);
.element {
color: $denver-river;
box-shadow: 0 0 0 2px rgba($denver-river, 0.35);
}