이름 색상 · #545562

Black Dragon’s Cauldron

Black Dragon’s Cauldron은(는) #545562: rgb(84 85 98), hsl(236 8% 36%), oklch(0.453 0.021 282). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Black Dragon’s Cauldron color name →

#545562

oklch(0.453 0.021 282)

색상 변환

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%)

틴트 · 셰이드 · 톤

틴트

636470
73747F
84848E
94959E
A5A6AD
B7B7BD
C8C9CD
DADBDE
ECEDEE

셰이드

484954
3C3D47
31313A
26262D
1B1C21
111116
08080B
020203
000000

톤

585965
5D5D68
61626B
65666E
6A6A71
6E6E74
727377
77777A
7B7C7D

색 조화

보색 +180°

545562
Black Dragon’s Cauldron
585749
≈ Millbrook

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 7.36:1 · APCA Lc 86

AAA

검은색 위

WCAG 2.85:1 · APCA Lc 16

Fail

가장 좋은 글자색: #FFFFFF

WCAG 7.36:1 (AAA) · APCA Lc 86

Contrast pairs

코드 스니펫

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);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API