이름 색상 · #7F90CB
Mood Mode
Mood Mode은(는) #7F90CB: rgb(127 144 203), hsl(227 42% 65%), oklch(0.663 0.09 271.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Mood Mode color name →
#7F90CB
oklch(0.663 0.09 271.4)
색상 변환
- HEX
- #7f90cb
- RGB
- rgb(127 144 203)
- HSL
- hsl(227 42% 65%)
- HWB
- hwb(227 50% 20%)
- OKLCH
- oklch(0.663 0.09 271.4)
- OKLab
- oklab(0.663 0.002 -0.09)
- CIE Lab
- lab(60.19 4.8 -32.82)
- LCH
- lch(60.19 33.17 278.3)
- CMYK
- cmyk(37% 29% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- 8B9BD1
- 97A6D6
- A4B1DC
- B0BCE1
- BDC7E6
- CAD2EB
- D7DDF0
- E4E8F5
- F1F4FA
셰이드
- 6E7DB0
- 5D6A96
- 4C577D
- 3C4565
- 2D344D
- 1F2437
- 111522
- 06070F
- 010102
톤
- 7F8FC4
- 7F8DBC
- 7F8CB5
- 7F8AAD
- 7F89A6
- 80879E
- 808597
- 80848F
- 808288
색 조화
보색 +180°
- 7F90CB
Mood Mode
- A7914F
≈ Salted Capers
유사색 -30° +30°
- 7F90CB
Mood Mode
- 5E9AC6
≈ Canadian Tuxedo
- 9D86C2
≈ Petrified Purple
삼각 배색 +120° +240°
- 7F90CB
Mood Mode
- C47E71
≈ Earthworm
- 68A377
≈ Growth
분열 보색 +150° +210°
- 7F90CB
Mood Mode
- BB8658
≈ Deer
- 8A9C5C
≈ Yanagizome Green
사각 배색 +90° +180° +270°
- 7F90CB
Mood Mode
- C17B8F
≈ Polignac
- A7914F
≈ Salted Capers
- 4AA597
≈ Jewel Weed
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.10:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.75:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--mood-mode: #7f90cb;
--mood-mode-rgb: 127 144 203;
--mood-mode-oklch: oklch(0.663 0.09 271.4);
}
.element {
color: var(--mood-mode);
background-color: hsl(227 42% 65%);
border-color: oklch(0.663 0.09 271.4);
}Tailwind CSS v4
@theme {
--color-mood-mode: #7f90cb;
--color-mood-mode-50: #ecf4ff;
--color-mood-mode-100: #dee7ff;
--color-mood-mode-200: #c7d2fc;
--color-mood-mode-300: #a8b5e6;
--color-mood-mode-400: #8b9cd4;
--color-mood-mode-500: #7182c2;
--color-mood-mode-600: #5f6ea4;
--color-mood-mode-700: #4c5884;
--color-mood-mode-800: #364162;
--color-mood-mode-900: #252d45;
--color-mood-mode-950: #131a2c;
}SCSS
$mood-mode: #7f90cb;
$mood-mode-rgb: 127, 144, 203;
$mood-mode-light: mix(#fff, $mood-mode, 20%);
$mood-mode-dark: mix(#000, $mood-mode, 20%);
.element {
color: $mood-mode;
box-shadow: 0 0 0 2px rgba($mood-mode, 0.35);
}