이름 색상 · #372354
Stormy Night
Stormy Night은(는) #372354: rgb(55 35 84), hsl(264 41% 23%), oklch(0.307 0.087 300.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Stormy Night color name →
#372354
oklch(0.307 0.087 300.2)
색상 변환
- HEX
- #372354
- RGB
- rgb(55 35 84)
- HSL
- hsl(264 41% 23%)
- HWB
- hwb(264 14% 67%)
- OKLCH
- oklch(0.307 0.087 300.2)
- OKLab
- oklab(0.307 0.044 -0.075)
- CIE Lab
- lab(18.33 18.85 -26.75)
- LCH
- lch(18.33 32.72 305.2)
- CMYK
- cmyk(35% 58% 0% 67%)
틴트 · 셰이드 · 톤
틴트
- 483764
- 5A4B75
- 6D6085
- 807596
- 948BA7
- A9A1B8
- BDB8CA
- D3CFDB
- E9E7ED
셰이드
- 2E1D48
- 26173C
- 1E1131
- 160C26
- 0F071B
- 080411
- 030108
- 010002
- 000000
톤
- 3E2C59
- 44365E
- 4B3F62
- 534867
- 5A516B
- 615A6F
- 696474
- 706D78
- 78767C
색 조화
보색 +180°
- 372354
Stormy Night
- 2B3500
≈ Wasabi Nori
유사색 -30° +30°
- 372354
Stormy Night
- 1F2B5B
≈ Ultramarine Violet
- 471C44
≈ Purple Void
삼각 배색 +120° +240°
- 372354
Stormy Night
- 492500
≈ Ibex Brown
- 003931
≈ Night Turquoise
분열 보색 +150° +210°
- 372354
Stormy Night
- 3C2E00
≈ Hidden Passage
- 003B17
≈ Gameboy Contrast
사각 배색 +90° +180° +270°
- 372354
Stormy Night
- 531A13
≈ Chocolate Rush
- 2B3500
≈ Wasabi Nori
- 00373E
≈ Natural Indigo
대비 및 접근성
Ag
AAA흰색 위
WCAG 13.71:1 · APCA Lc 100
Ag
Fail검은색 위
WCAG 1.53:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 13.71:1 (AAA) · APCA Lc 100
Contrast pairs
코드 스니펫
CSS
:root {
--stormy-night: #372354;
--stormy-night-rgb: 55 35 84;
--stormy-night-oklch: oklch(0.307 0.087 300.2);
}
.element {
color: var(--stormy-night);
background-color: hsl(264 41% 23%);
border-color: oklch(0.307 0.087 300.2);
}Tailwind CSS v4
@theme {
--color-stormy-night: #372354;
--color-stormy-night-50: #f9f0ff;
--color-stormy-night-100: #ede2ff;
--color-stormy-night-200: #dbccf4;
--color-stormy-night-300: #bfaddd;
--color-stormy-night-400: #a693ca;
--color-stormy-night-500: #8f79b7;
--color-stormy-night-600: #79669b;
--color-stormy-night-700: #61527c;
--color-stormy-night-800: #463c5c;
--color-stormy-night-900: #302941;
--color-stormy-night-950: #1d1729;
}SCSS
$stormy-night: #372354;
$stormy-night-rgb: 55, 35, 84;
$stormy-night-light: mix(#fff, $stormy-night, 20%);
$stormy-night-dark: mix(#000, $stormy-night, 20%);
.element {
color: $stormy-night;
box-shadow: 0 0 0 2px rgba($stormy-night, 0.35);
}