Nächste benannte Farbe · #54669F
#54669F
Nächste benannte Farbe: Bellflower
#54669F (rgb(84 102 159), hsl(226 31% 48%), oklch(0.521 0.093 269.7)) liegt am nächsten an der benannten Farbe Bellflower. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#54669F
oklch(0.521 0.093 269.7)
Farbumrechnungen
- HEX
- #54669f
- RGB
- rgb(84 102 159)
- HSL
- hsl(226 31% 48%)
- HWB
- hwb(226 33% 38%)
- OKLCH
- oklch(0.521 0.093 269.7)
- OKLab
- oklab(0.521 -0.001 -0.093)
- CIE Lab
- lab(43.65 5.32 -33.55)
- LCH
- lch(43.65 33.97 279)
- CMYK
- cmyk(47% 36% 0% 38%)
Tints · Shades · Tones
Tints
- 6375A9
- 7383B3
- 8492BC
- 94A1C6
- A5B1D0
- B7C0D9
- C8CFE3
- DADFEC
- EDEFF6
Shades
- 48588A
- 3C4A75
- 313C61
- 262F4D
- 1B233B
- 111729
- 080C18
- 020409
- 000001
Tones
- 58699C
- 5D6C99
- 616E97
- 657194
- 6A7491
- 6E768E
- 72798A
- 777B87
- 7B7E84
Farbharmonien
Komplementär +180°
- 54669F
Bellflower
- 7E661E
≈ Brazen Brass
Analog -30° +30°
- 54669F
Bellflower
- 2E7099
≈ Vallarta Blue
- 715C97
≈ Just a Fairytale
Triadisch +120° +240°
- 54669F
Bellflower
- 975349
≈ Marsala
- 3E784C
≈ Maidenhair Fern
Geteilt komplementär +150° +210°
- 54669F
Bellflower
- 905B2D
≈ Carrageen Moss
- 63712E
≈ Forest Spirit
Tetradisch +90° +180° +270°
- 54669F
Bellflower
- 945167
≈ Vin Rouge
- 7E661E
≈ Brazen Brass
- 087A6B
≈ Pond Moss
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.55:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.77:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--bellflower: #54669f;
--bellflower-rgb: 84 102 159;
--bellflower-oklch: oklch(0.521 0.093 269.7);
}
.element {
color: var(--bellflower);
background-color: hsl(226 31% 48%);
border-color: oklch(0.521 0.093 269.7);
}Tailwind CSS v4
@theme {
--color-bellflower: #54669f;
--color-bellflower-50: #ebf4ff;
--color-bellflower-100: #dce7ff;
--color-bellflower-200: #c6d3fd;
--color-bellflower-300: #a6b5e8;
--color-bellflower-400: #899cd6;
--color-bellflower-500: #6e83c4;
--color-bellflower-600: #5d6fa6;
--color-bellflower-700: #4a5985;
--color-bellflower-800: #344163;
--color-bellflower-900: #242d45;
--color-bellflower-950: #131a2d;
}SCSS
$bellflower: #54669f;
$bellflower-rgb: 84, 102, 159;
$bellflower-light: mix(#fff, $bellflower, 20%);
$bellflower-dark: mix(#000, $bellflower, 20%);
.element {
color: $bellflower;
box-shadow: 0 0 0 2px rgba($bellflower, 0.35);
}