Benannte Farbe · #545562
Black Dragon’s Cauldron
Black Dragon’s Cauldron ist #545562: rgb(84 85 98), hsl(236 8% 36%), oklch(0.453 0.021 282). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Black Dragon’s Cauldron color name →
#545562
oklch(0.453 0.021 282)
Farbumrechnungen
- HEX
- #545562
- RGB
- rgb(84 85 98)
- HSL
- hsl(236 8% 36%)
- HWB
- hwb(236 33% 62%)
- OKLCH
- oklch(0.453 0.021 282)
- OKLab
- oklab(0.453 0.004 -0.021)
- CIE Lab
- lab(36.41 1.82 -7.7)
- LCH
- lch(36.41 7.91 283.3)
- CMYK
- cmyk(14% 13% 0% 62%)
Tints · Shades · Tones
Tints
- 636470
- 73747F
- 84848E
- 94959E
- A5A6AD
- B7B7BD
- C8C9CD
- DADBDE
- ECEDEE
Shades
- 484954
- 3C3D47
- 31313A
- 26262D
- 1B1C21
- 111116
- 08080B
- 020203
- 000000
Tones
- 585965
- 5D5D68
- 61626B
- 65666E
- 6A6A71
- 6E6E74
- 727377
- 77777A
- 7B7C7D
Farbharmonien
Komplementär +180°
- 545562
Black Dragon’s Cauldron
- 585749
≈ Millbrook
Analog -30° +30°
- 545562
Black Dragon’s Cauldron
- 4E5762
≈ Dark Mineral
- 5A535F
≈ Napa Grape
Triadisch +120° +240°
- 545562
Black Dragon’s Cauldron
- 61534D
≈ Scented Clove
- 4C5A53
≈ Secluded Woods
Geteilt komplementär +150° +210°
- 545562
Black Dragon’s Cauldron
- 5E554A
≈ Rub Elbows
- 52594D
≈ Japanese Seaweed
Tetradisch +90° +180° +270°
- 545562
Black Dragon’s Cauldron
- 615253
≈ Nighthawk
- 585749
≈ Millbrook
- 495A59
≈ Hostaleaf
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.36:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.85:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--black-dragon-s-cauldron: #545562;
--black-dragon-s-cauldron-rgb: 84 85 98;
--black-dragon-s-cauldron-oklch: oklch(0.453 0.021 282);
}
.element {
color: var(--black-dragon-s-cauldron);
background-color: hsl(236 8% 36%);
border-color: oklch(0.453 0.021 282);
}Tailwind CSS v4
@theme {
--color-black-dragon-s-cauldron: #545562;
--color-black-dragon-s-cauldron-50: #f4f4fb;
--color-black-dragon-s-cauldron-100: #e7e7ef;
--color-black-dragon-s-cauldron-200: #d3d3dd;
--color-black-dragon-s-cauldron-300: #b6b6c2;
--color-black-dragon-s-cauldron-400: #9c9dab;
--color-black-dragon-s-cauldron-500: #848594;
--color-black-dragon-s-cauldron-600: #6f707d;
--color-black-dragon-s-cauldron-700: #595a64;
--color-black-dragon-s-cauldron-800: #41424a;
--color-black-dragon-s-cauldron-900: #2d2d33;
--color-black-dragon-s-cauldron-950: #1a1a1f;
}SCSS
$black-dragon-s-cauldron: #545562;
$black-dragon-s-cauldron-rgb: 84, 85, 98;
$black-dragon-s-cauldron-light: mix(#fff, $black-dragon-s-cauldron, 20%);
$black-dragon-s-cauldron-dark: mix(#000, $black-dragon-s-cauldron, 20%);
.element {
color: $black-dragon-s-cauldron;
box-shadow: 0 0 0 2px rgba($black-dragon-s-cauldron, 0.35);
}