Nächste benannte Farbe · #3274D0
#3274D0
Nächste benannte Farbe: Fading Night
#3274D0 (rgb(50 116 208), hsl(215 63% 51%), oklch(0.565 0.157 257.5)) liegt am nächsten an der benannten Farbe Fading Night. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#3274D0
oklch(0.565 0.157 257.5)
Farbumrechnungen
- HEX
- #3274d0
- RGB
- rgb(50 116 208)
- HSL
- hsl(215 63% 51%)
- HWB
- hwb(215 20% 18%)
- OKLCH
- oklch(0.565 0.157 257.5)
- OKLab
- oklab(0.565 -0.034 -0.153)
- CIE Lab
- lab(48.33 3.87 -54.62)
- LCH
- lch(48.33 54.76 274)
- CMYK
- cmyk(76% 44% 0% 18%)
Tints · Shades · Tones
Tints
- 4882D6
- 5D91DB
- 719FE1
- 85ACE6
- 99BAEB
- ADC8EF
- C1D6F4
- D6E3F8
- EAF1FB
Shades
- 2A64B5
- 22549A
- 1B4580
- 143767
- 0D294F
- 071B39
- 030F23
- 010510
- 000102
Tones
- 3C76C8
- 4578C1
- 4E7AB9
- 567BB1
- 5D7CA9
- 657EA2
- 6C7E99
- 737F91
- 798089
Farbharmonien
Komplementär +180°
- 3274D0
Fading Night
- 9C6B00
≈ Balor Brown
Analog -30° +30°
- 3274D0
Fading Night
- 0082A8
≈ Advertising Blue
- 7362CC
≈ Astro Purple
Triadisch +120° +240°
- 3274D0
Fading Night
- C04653
≈ Ladybug
- 428A1D
≈ Chlorophyll
Geteilt komplementär +150° +210°
- 3274D0
Fading Night
- BC5200
≈ Obscure Orange
- 7E7A00
≈ Tool Green
Tetradisch +90° +180° +270°
- 3274D0
Fading Night
- B54887
≈ Orchid Ecstasy
- 9C6B00
≈ Balor Brown
- 008B68
≈ Indonesian Jungle
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.62:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.54:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--fading-night: #3274d0;
--fading-night-rgb: 50 116 208;
--fading-night-oklch: oklch(0.565 0.157 257.5);
}
.element {
color: var(--fading-night);
background-color: hsl(215 63% 51%);
border-color: oklch(0.565 0.157 257.5);
}Tailwind CSS v4
@theme {
--color-fading-night: #3274d0;
--color-fading-night-50: #dbf7ff;
--color-fading-night-100: #c9eaff;
--color-fading-night-200: #acd6ff;
--color-fading-night-300: #87b8ff;
--color-fading-night-400: #5f9ffa;
--color-fading-night-500: #3a84ec;
--color-fading-night-600: #3270c7;
--color-fading-night-700: #285aa0;
--color-fading-night-800: #174277;
--color-fading-night-900: #0f2e54;
--color-fading-night-950: #031a39;
}SCSS
$fading-night: #3274d0;
$fading-night-rgb: 50, 116, 208;
$fading-night-light: mix(#fff, $fading-night, 20%);
$fading-night-dark: mix(#000, $fading-night, 20%);
.element {
color: $fading-night;
box-shadow: 0 0 0 2px rgba($fading-night, 0.35);
}