Benannte Farbe · #43718B
Downpour
Downpour ist #43718B: rgb(67 113 139), hsl(202 35% 40%), oklch(0.526 0.065 234.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Downpour color name →
#43718B
oklch(0.526 0.065 234.7)
Farbumrechnungen
- HEX
- #43718b
- RGB
- rgb(67 113 139)
- HSL
- hsl(202 35% 40%)
- HWB
- hwb(202 26% 45%)
- OKLCH
- oklch(0.526 0.065 234.7)
- OKLab
- oklab(0.526 -0.038 -0.053)
- CIE Lab
- lab(45.15 -10.53 -19.51)
- LCH
- lch(45.15 22.17 241.6)
- CMYK
- cmyk(52% 19% 0% 45%)
Tints · Shades · Tones
Tints
- 557E96
- 688CA2
- 7A9AAD
- 8CA8B9
- 9FB6C4
- B2C4D0
- C5D3DB
- D8E1E7
- EBF0F3
Shades
- 396178
- 2F5266
- 264354
- 1D3543
- 142732
- 0C1A23
- 050E14
- 010407
- 000101
Tones
- 4A738A
- 517489
- 577688
- 5D7787
- 637986
- 697A85
- 6F7C84
- 757D83
- 7A7F81
Farbharmonien
Komplementär +180°
- 43718B
Downpour
- 886146
≈ Wilmington
Analog -30° +30°
- 43718B
Downpour
- 37767C
≈ Ocean Slumber
- 586A91
≈ Emerald-Crested Manakin
Triadisch +120° +240°
- 43718B
Downpour
- 895B6D
≈ Tulipwood
- 6A6F43
≈ Gulf Weed
Geteilt komplementär +150° +210°
- 43718B
Downpour
- 8D5C58
≈ Raspberry Truffle
- 7C683D
≈ Mud Bath
Tetradisch +90° +180° +270°
- 43718B
Downpour
- 7E5E80
≈ Trendy Pink
- 886146
≈ Wilmington
- 537553
≈ Elm Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.28:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.97:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--downpour: #43718b;
--downpour-rgb: 67 113 139;
--downpour-oklch: oklch(0.526 0.065 234.7);
}
.element {
color: var(--downpour);
background-color: hsl(202 35% 40%);
border-color: oklch(0.526 0.065 234.7);
}Tailwind CSS v4
@theme {
--color-downpour: #43718b;
--color-downpour-50: #e4f9ff;
--color-downpour-100: #d4ecfb;
--color-downpour-200: #bbd9ed;
--color-downpour-300: #98bdd5;
--color-downpour-400: #78a5c0;
--color-downpour-500: #598dab;
--color-downpour-600: #4c7891;
--color-downpour-700: #3d6074;
--color-downpour-800: #2a4655;
--color-downpour-900: #1d313c;
--color-downpour-950: #0c1d25;
}SCSS
$downpour: #43718b;
$downpour-rgb: 67, 113, 139;
$downpour-light: mix(#fff, $downpour, 20%);
$downpour-dark: mix(#000, $downpour, 20%);
.element {
color: $downpour;
box-shadow: 0 0 0 2px rgba($downpour, 0.35);
}