Benannte Farbe · #658499
Blowout
Blowout ist #658499: rgb(101 132 153), hsl(204 20% 50%), oklch(0.597 0.048 238.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blowout color name →
#658499
oklch(0.597 0.048 238.2)
Farbumrechnungen
- HEX
- #658499
- RGB
- rgb(101 132 153)
- HSL
- hsl(204 20% 50%)
- HWB
- hwb(204 40% 40%)
- OKLCH
- oklch(0.597 0.048 238.2)
- OKLab
- oklab(0.597 -0.025 -0.041)
- CIE Lab
- lab(53.35 -7.36 -15.06)
- LCH
- lch(53.35 16.77 243.9)
- CMYK
- cmyk(34% 14% 0% 40%)
Tints · Shades · Tones
Tints
- 7490A3
- 829CAD
- 91A8B7
- A1B4C1
- B0C0CB
- BFCCD5
- CFD9E0
- DFE5EA
- EFF2F5
Shades
- 577284
- 496070
- 3C4F5D
- 2F3F4A
- 222F38
- 172027
- 0C1217
- 030608
- 000101
Tones
- 688497
- 6B8394
- 6E8392
- 70838F
- 73828D
- 76828A
- 788188
- 7B8185
- 7E8083
Farbharmonien
Komplementär +180°
- 658499
Blowout
- 967963
≈ Portabello
Analog -30° +30°
- 658499
Blowout
- 5D888E
≈ Dusty Turquoise
- 737F9D
≈ Country Blue
Triadisch +120° +240°
- 658499
Blowout
- 98747F
≈ Dusk Wine
- 7C8463
≈ Flax Smoke
Geteilt komplementär +150° +210°
- 658499
Blowout
- 9A7570
≈ Reddish Grey
- 8B7E5F
≈ Fingerpaint
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.95:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.31:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--blowout: #658499;
--blowout-rgb: 101 132 153;
--blowout-oklch: oklch(0.597 0.048 238.2);
}
.element {
color: var(--blowout);
background-color: hsl(204 20% 50%);
border-color: oklch(0.597 0.048 238.2);
}Tailwind CSS v4
@theme {
--color-blowout: #658499;
--color-blowout-50: #eaf7ff;
--color-blowout-100: #daeaf7;
--color-blowout-200: #c3d7e7;
--color-blowout-300: #a2bbce;
--color-blowout-400: #85a3b8;
--color-blowout-500: #698ba3;
--color-blowout-600: #597689;
--color-blowout-700: #475e6e;
--color-blowout-800: #324551;
--color-blowout-900: #223038;
--color-blowout-950: #111c23;
}SCSS
$blowout: #658499;
$blowout-rgb: 101, 132, 153;
$blowout-light: mix(#fff, $blowout, 20%);
$blowout-dark: mix(#000, $blowout, 20%);
.element {
color: $blowout;
box-shadow: 0 0 0 2px rgba($blowout, 0.35);
}