이름 색상 · #053976

Azure Dragon

Azure Dragon은(는) #053976: rgb(5 57 118), hsl(212 92% 24%), oklch(0.352 0.116 256.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Blue mean? → · Azure Dragon color name →

#053976

oklch(0.352 0.116 256.4)

색상 변환

HEX: #053976
RGB: rgb(5 57 118)
HSL: hsl(212 92% 24%)
HWB: hwb(212 2% 54%)
OKLCH: oklch(0.352 0.116 256.4)
OKLab: oklab(0.352 -0.027 -0.113)
CIE Lab: lab(23.89 4.47 -40.18)
LCH: lch(23.89 40.42 276.4)
CMYK: cmyk(96% 52% 0% 54%)

틴트 · 셰이드 · 톤

틴트

224C84
3A5F92
5172A0
6885AE
8099BB
98ADC9
B1C1D6
CBD5E4
E5EAF2

셰이드

043066
032856
021F47
011738
011029
00091C
00040F
000105
000001

톤

164178
244879
30507B
3C577C
475E7D
52657E
5E6C7F
697280
747980

색 조화

보색 +180°

053976
Azure Dragon
513500
≈ Eyelash Camel

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 11.33:1 · APCA Lc 96

AAA

검은색 위

WCAG 1.85:1 · APCA Lc 0

Fail

가장 좋은 글자색: #FFFFFF

WCAG 11.33:1 (AAA) · APCA Lc 96

Contrast pairs

코드 스니펫

CSS

:root {
  --azure-dragon: #053976;
  --azure-dragon-rgb: 5 57 118;
  --azure-dragon-oklch: oklch(0.352 0.116 256.4);
}

.element {
  color: var(--azure-dragon);
  background-color: hsl(212 92% 24%);
  border-color: oklch(0.352 0.116 256.4);
}

Tailwind CSS v4

@theme {
  --color-azure-dragon: #053976;
  --color-azure-dragon-50: #e1f7ff;
  --color-azure-dragon-100: #d1eaff;
  --color-azure-dragon-200: #b6d6ff;
  --color-azure-dragon-300: #93b9f3;
  --color-azure-dragon-400: #70a0e2;
  --color-azure-dragon-500: #5087d2;
  --color-azure-dragon-600: #4472b1;
  --color-azure-dragon-700: #365c8e;
  --color-azure-dragon-800: #24436a;
  --color-azure-dragon-900: #182f4a;
  --color-azure-dragon-950: #091b31;
}

SCSS

$azure-dragon: #053976;
$azure-dragon-rgb: 5, 57, 118;
$azure-dragon-light: mix(#fff, $azure-dragon, 20%);
$azure-dragon-dark: mix(#000, $azure-dragon, 20%);

.element {
  color: $azure-dragon;
  box-shadow: 0 0 0 2px rgba($azure-dragon, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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