Nächste benannte Farbe · #4548BE
#4548BE
Nächste benannte Farbe: Denim
#4548BE (rgb(69 72 190), hsl(239 48% 51%), oklch(0.473 0.181 275.9)) liegt am nächsten an der benannten Farbe Denim. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#4548BE
oklch(0.473 0.181 275.9)
Farbumrechnungen
- HEX
- #4548be
- RGB
- rgb(69 72 190)
- HSL
- hsl(239 48% 51%)
- HWB
- hwb(239 27% 25%)
- OKLCH
- oklch(0.473 0.181 275.9)
- OKLab
- oklab(0.473 0.019 -0.18)
- CIE Lab
- lab(36.16 27.94 -63.82)
- LCH
- lch(36.16 69.67 293.6)
- CMYK
- cmyk(64% 62% 0% 25%)
Tints · Shades · Tones
Tints
- 545CC6
- 646FCE
- 7581D5
- 8793DC
- 9AA5E3
- ADB7E9
- C1C9EF
- D5DBF5
- EAEDFA
Shades
- 3B3DA5
- 31338C
- 272975
- 1E1F5E
- 151648
- 0C0D33
- 05061F
- 02020D
- 000002
Tones
- 4950B9
- 4E57B3
- 545DAE
- 5963A8
- 5F69A2
- 656E9C
- 6C7395
- 72778F
- 797C87
Farbharmonien
Komplementär +180°
- 4548BE
Denim
- 6C5A00
≈ Brussels Sprout Green
Analog -30° +30°
- 4548BE
Denim
- 00609B
≈ Rave Regatta
- 7534AA
≈ Purple Pristine
Triadisch +120° +240°
- 4548BE
Denim
- A22A00
≈ Tabasco
- 006E3F
≈ Rainforest Retreat
Geteilt komplementär +150° +210°
- 4548BE
Denim
- 834D00
≈ Gédéon Brown
- 4B6700
≈ Serrano Pepper
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.18:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.92:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.18:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--denim: #4548be;
--denim-rgb: 69 72 190;
--denim-oklch: oklch(0.473 0.181 275.9);
}
.element {
color: var(--denim);
background-color: hsl(239 48% 51%);
border-color: oklch(0.473 0.181 275.9);
}Tailwind CSS v4
@theme {
--color-denim: #4548be;
--color-denim-50: #e8f1ff;
--color-denim-100: #d9e3ff;
--color-denim-200: #c2cdff;
--color-denim-300: #a2adff;
--color-denim-400: #8391ff;
--color-denim-500: #6a73fb;
--color-denim-600: #5962d3;
--color-denim-700: #474eaa;
--color-denim-800: #303a80;
--color-denim-900: #21285a;
--color-denim-950: #11153d;
}SCSS
$denim: #4548be;
$denim-rgb: 69, 72, 190;
$denim-light: mix(#fff, $denim, 20%);
$denim-dark: mix(#000, $denim, 20%);
.element {
color: $denim;
box-shadow: 0 0 0 2px rgba($denim, 0.35);
}