이름 색상 · #1F2847
Fainting Light
Fainting Light은(는) #1F2847: rgb(31 40 71), hsl(227 39% 20%), oklch(0.285 0.058 270.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Fainting Light color name →
#1F2847
oklch(0.285 0.058 270.2)
색상 변환
- HEX
- #1f2847
- RGB
- rgb(31 40 71)
- HSL
- hsl(227 39% 20%)
- HWB
- hwb(227 12% 72%)
- OKLCH
- oklch(0.285 0.058 270.2)
- OKLab
- oklab(0.285 0 -0.058)
- CIE Lab
- lab(16.54 3.99 -20.98)
- LCH
- lch(16.54 21.36 280.8)
- CMYK
- cmyk(56% 44% 0% 72%)
틴트 · 셰이드 · 톤
틴트
- 323B58
- 454E69
- 5A627B
- 6F778D
- 868C9F
- 9DA2B2
- B5B9C5
- CDD0D8
- E6E7EB
셰이드
- 19213D
- 141B32
- 0F1528
- 0A0F1F
- 060916
- 03040D
- 010206
- 000102
- 000000
톤
- 28304D
- 313953
- 3A4158
- 434A5E
- 4D5364
- 575C6A
- 61656F
- 6B6E75
- 75777A
색 조화
보색 +180°
- 1F2847
Fainting Light
- 352800
≈ Secret Passage
유사색 -30° +30°
- 1F2847
Fainting Light
- 072D44
≈ Crow Black Blue
- 2F2343
≈ Power Outage
삼각 배색 +120° +240°
- 1F2847
Fainting Light
- 431E18
≈ Longan’s Kernel
- 11321A
≈ Méi Hēi Coal
분열 보색 +150° +210°
- 1F2847
Fainting Light
- 3F2207
≈ Dark Ebony
- 262E08
≈ Darkest Forest
사각 배색 +90° +180° +270°
- 1F2847
Fainting Light
- 411D29
≈ Jasmin Beauty
- 352800
≈ Secret Passage
- 00322B
≈ Fence Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 14.45:1 · APCA Lc 101
Ag
Fail검은색 위
WCAG 1.45:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 14.45:1 (AAA) · APCA Lc 101
Contrast pairs
코드 스니펫
CSS
:root {
--fainting-light: #1f2847;
--fainting-light-rgb: 31 40 71;
--fainting-light-oklch: oklch(0.285 0.058 270.2);
}
.element {
color: var(--fainting-light);
background-color: hsl(227 39% 20%);
border-color: oklch(0.285 0.058 270.2);
}Tailwind CSS v4
@theme {
--color-fainting-light: #1f2847;
--color-fainting-light-50: #eff5ff;
--color-fainting-light-100: #e1e7fc;
--color-fainting-light-200: #cbd3ee;
--color-fainting-light-300: #adb6d6;
--color-fainting-light-400: #919dc2;
--color-fainting-light-500: #7785ae;
--color-fainting-light-600: #657093;
--color-fainting-light-700: #505a76;
--color-fainting-light-800: #3a4257;
--color-fainting-light-900: #272d3d;
--color-fainting-light-950: #161a26;
}SCSS
$fainting-light: #1f2847;
$fainting-light-rgb: 31, 40, 71;
$fainting-light-light: mix(#fff, $fainting-light, 20%);
$fainting-light-dark: mix(#000, $fainting-light, 20%);
.element {
color: $fainting-light;
box-shadow: 0 0 0 2px rgba($fainting-light, 0.35);
}