이름 색상 · #586E75
Moody Blues
Moody Blues은(는) #586E75: rgb(88 110 117), hsl(194 14% 40%), oklch(0.523 0.028 219.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Moody Blues color name →
#586E75
oklch(0.523 0.028 219.1)
색상 변환
- HEX
- #586e75
- RGB
- rgb(88 110 117)
- HSL
- hsl(194 14% 40%)
- HWB
- hwb(194 35% 54%)
- OKLCH
- oklch(0.523 0.028 219.1)
- OKLab
- oklab(0.523 -0.022 -0.018)
- CIE Lab
- lab(44.84 -7.14 -6.75)
- LCH
- lch(44.84 9.83 223.4)
- CMYK
- cmyk(25% 6% 0% 54%)
틴트 · 셰이드 · 톤
틴트
- 677B82
- 77898F
- 87979C
- 98A5AA
- A8B4B8
- B9C3C6
- CAD1D4
- DCE0E2
- EDF0F0
셰이드
- 4B5F65
- 3F5055
- 334146
- 283337
- 1D2629
- 12191C
- 090E0F
- 030405
- 000101
톤
- 5C7076
- 607277
- 647378
- 687579
- 6C777B
- 70797C
- 747B7D
- 787C7E
- 7C7E7F
색 조화
보색 +180°
- 586E75
Moody Blues
- 79655E
≈ Bold Brandy
유사색 -30° +30°
- 586E75
Moody Blues
- 586F6D
≈ Agave Frond
- 5E6B7A
≈ Press Agent
삼각 배색 +120° +240°
- 586E75
Moody Blues
- 75646F
≈ Burnt Ash
- 6E6A58
≈ Aged Jade
분열 보색 +150° +210°
- 586E75
Moody Blues
- 796366
≈ Pretty Puce
- 756758
≈ Landmark Brown
사각 배색 +90° +180° +270°
- 586E75
Moody Blues
- 6F6676
≈ Rum
- 79655E
≈ Bold Brandy
- 656D5C
≈ Wimbledon
대비 및 접근성
Ag
AA흰색 위
WCAG 5.38:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.90:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.38:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--moody-blues: #586e75;
--moody-blues-rgb: 88 110 117;
--moody-blues-oklch: oklch(0.523 0.028 219.1);
}
.element {
color: var(--moody-blues);
background-color: hsl(194 14% 40%);
border-color: oklch(0.523 0.028 219.1);
}Tailwind CSS v4
@theme {
--color-moody-blues: #586e75;
--color-moody-blues-50: #edf7fb;
--color-moody-blues-100: #deeaef;
--color-moody-blues-200: #c8d7dd;
--color-moody-blues-300: #a8bbc2;
--color-moody-blues-400: #8da3aa;
--color-moody-blues-500: #728b93;
--color-moody-blues-600: #61767c;
--color-moody-blues-700: #4d5e64;
--color-moody-blues-800: #384549;
--color-moody-blues-900: #263032;
--color-moody-blues-950: #141c1e;
}SCSS
$moody-blues: #586e75;
$moody-blues-rgb: 88, 110, 117;
$moody-blues-light: mix(#fff, $moody-blues, 20%);
$moody-blues-dark: mix(#000, $moody-blues, 20%);
.element {
color: $moody-blues;
box-shadow: 0 0 0 2px rgba($moody-blues, 0.35);
}