Benannte Farbe · #4455EE
Qing Dynasty Dragon
Qing Dynasty Dragon ist #4455EE: rgb(68 85 238), hsl(234 83% 60%), oklch(0.536 0.228 271.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Qing Dynasty Dragon color name →
#4455EE
oklch(0.536 0.228 271.3)
Farbumrechnungen
- HEX
- #4455ee
- RGB
- rgb(68 85 238)
- HSL
- hsl(234 83% 60%)
- HWB
- hwb(234 27% 7%)
- OKLCH
- oklch(0.536 0.228 271.3)
- OKLab
- oklab(0.536 0.005 -0.227)
- CIE Lab
- lab(42.74 33.91 -80.58)
- LCH
- lch(42.74 87.42 292.8)
- CMYK
- cmyk(71% 64% 0% 7%)
Tints · Shades · Tones
Tints
- 5269F2
- 637CF5
- 748EF8
- 869FFA
- 99AFFC
- ADBFFE
- C1CFFF
- D5DFFF
- EAEFFF
Shades
- 3A49CF
- 303DB1
- 263193
- 1D2677
- 141C5C
- 0C1142
- 05082A
- 020214
- 000003
Tones
- 485CE4
- 4D63D9
- 5368CF
- 586DC4
- 5F71BA
- 6575AF
- 6C78A4
- 727B98
- 797E8C
Farbharmonien
Komplementär +180°
- 4455EE
Qing Dynasty Dragon
- 856A00
≈ Muddy Brown
Analog -30° +30°
- 4455EE
Qing Dynasty Dragon
- 0074AF
≈ Cloisonné
- 8739D8
≈ Thick Purple
Triadisch +120° +240°
- 4455EE
Qing Dynasty Dragon
- CA1C00
≈ Vampire State Building
- 00843F
≈ Philippine Green
Geteilt komplementär +150° +210°
- 4455EE
Qing Dynasty Dragon
- 9F5900
≈ Sepia Wash
- 627800
≈ Topiary Green
Tetradisch +90° +180° +270°
- 4455EE
Qing Dynasty Dragon
- C70065
≈ Rowan
- 856A00
≈ Muddy Brown
- 007F71
≈ Blue Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.55:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.77:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--qing-dynasty-dragon: #4455ee;
--qing-dynasty-dragon-rgb: 68 85 238;
--qing-dynasty-dragon-oklch: oklch(0.536 0.228 271.3);
}
.element {
color: var(--qing-dynasty-dragon);
background-color: hsl(234 83% 60%);
border-color: oklch(0.536 0.228 271.3);
}Tailwind CSS v4
@theme {
--color-qing-dynasty-dragon: #4455ee;
--color-qing-dynasty-dragon-50: #e0f2ff;
--color-qing-dynasty-dragon-100: #cfe3ff;
--color-qing-dynasty-dragon-200: #b5cdff;
--color-qing-dynasty-dragon-300: #93abff;
--color-qing-dynasty-dragon-400: #708eff;
--color-qing-dynasty-dragon-500: #566cff;
--color-qing-dynasty-dragon-600: #495ded;
--color-qing-dynasty-dragon-700: #3a4abf;
--color-qing-dynasty-dragon-800: #25378f;
--color-qing-dynasty-dragon-900: #182666;
--color-qing-dynasty-dragon-950: #0a1346;
}SCSS
$qing-dynasty-dragon: #4455ee;
$qing-dynasty-dragon-rgb: 68, 85, 238;
$qing-dynasty-dragon-light: mix(#fff, $qing-dynasty-dragon, 20%);
$qing-dynasty-dragon-dark: mix(#000, $qing-dynasty-dragon, 20%);
.element {
color: $qing-dynasty-dragon;
box-shadow: 0 0 0 2px rgba($qing-dynasty-dragon, 0.35);
}