이름 색상 · #7E8D9F
Lucid Blue
Lucid Blue은(는) #7E8D9F: rgb(126 141 159), hsl(213 15% 56%), oklch(0.638 0.032 253.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Lucid Blue color name →
#7E8D9F
oklch(0.638 0.032 253.1)
색상 변환
- HEX
- #7e8d9f
- RGB
- rgb(126 141 159)
- HSL
- hsl(213 15% 56%)
- HWB
- hwb(213 49% 38%)
- OKLCH
- oklch(0.638 0.032 253.1)
- OKLab
- oklab(0.638 -0.009 -0.031)
- CIE Lab
- lab(57.88 -2.57 -11.51)
- LCH
- lch(57.88 11.79 257.4)
- CMYK
- cmyk(21% 11% 0% 38%)
틴트 · 셰이드 · 톤
틴트
- 8A98A8
- 97A3B2
- A3AEBB
- B0B9C5
- BDC5CE
- CAD0D8
- D7DCE2
- E4E7EB
- F1F3F5
셰이드
- 6D7A8A
- 5C6775
- 4C5561
- 3C444D
- 2D333B
- 1F2329
- 111418
- 050709
- 010101
톤
- 7E8C9C
- 7E8A99
- 7F8996
- 7F8893
- 7F8790
- 7F858C
- 808489
- 808386
- 808183
색 조화
보색 +180°
- 7E8D9F
Lucid Blue
- 988976
≈ Curio Brown
유사색 -30° +30°
- 7E8D9F
Lucid Blue
- 77909A
≈ Sheltered Bay
- 88899F
≈ Mandrake
삼각 배색 +120° +240°
- 7E8D9F
Lucid Blue
- 9E8486
≈ Wallflower
- 84907C
≈ Ginkgo Tree
분열 보색 +150° +210°
- 7E8D9F
Lucid Blue
- 9D867C
≈ Antique Bear
- 8F8D76
≈ Epic Green
사각 배색 +90° +180° +270°
- 7E8D9F
Lucid Blue
- 9A8491
≈ Garden Plum
- 988976
≈ Curio Brown
- 7A9286
≈ Green Bay
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.38:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.19:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.19:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--lucid-blue: #7e8d9f;
--lucid-blue-rgb: 126 141 159;
--lucid-blue-oklch: oklch(0.638 0.032 253.1);
}
.element {
color: var(--lucid-blue);
background-color: hsl(213 15% 56%);
border-color: oklch(0.638 0.032 253.1);
}Tailwind CSS v4
@theme {
--color-lucid-blue: #7e8d9f;
--color-lucid-blue-50: #eff6ff;
--color-lucid-blue-100: #e1e9f3;
--color-lucid-blue-200: #cbd5e2;
--color-lucid-blue-300: #adb9c8;
--color-lucid-blue-400: #91a0b2;
--color-lucid-blue-500: #77889c;
--color-lucid-blue-600: #657383;
--color-lucid-blue-700: #515c69;
--color-lucid-blue-800: #3a434d;
--color-lucid-blue-900: #282f36;
--color-lucid-blue-950: #161b21;
}SCSS
$lucid-blue: #7e8d9f;
$lucid-blue-rgb: 126, 141, 159;
$lucid-blue-light: mix(#fff, $lucid-blue, 20%);
$lucid-blue-dark: mix(#000, $lucid-blue, 20%);
.element {
color: $lucid-blue;
box-shadow: 0 0 0 2px rgba($lucid-blue, 0.35);
}