Adlandırılmış renk · #7F90CB
Mood Mode
Mood Mode, #7F90CB: rgb(127 144 203), hsl(227 42% 65%), oklch(0.663 0.09 271.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Mood Mode color name →
#7F90CB
oklch(0.663 0.09 271.4)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8B9BD1
- 97A6D6
- A4B1DC
- B0BCE1
- BDC7E6
- CAD2EB
- D7DDF0
- E4E8F5
- F1F4FA
Koyu tonlar
- 6E7DB0
- 5D6A96
- 4C577D
- 3C4565
- 2D344D
- 1F2437
- 111522
- 06070F
- 010102
Gri tonlar
- 7F8FC4
- 7F8DBC
- 7F8CB5
- 7F8AAD
- 7F89A6
- 80879E
- 808597
- 80848F
- 808288
Renk uyumları
Tamamlayıcı +180°
- 7F90CB
Mood Mode
- A7914F
≈ Salted Capers
Analog -30° +30°
- 7F90CB
Mood Mode
- 5E9AC6
≈ Canadian Tuxedo
- 9D86C2
≈ Petrified Purple
Üçlü +120° +240°
- 7F90CB
Mood Mode
- C47E71
≈ Earthworm
- 68A377
≈ Growth
Bölünmüş tamamlayıcı +150° +210°
- 7F90CB
Mood Mode
- BB8658
≈ Deer
- 8A9C5C
≈ Yanagizome Green
Dörtlü +90° +180° +270°
- 7F90CB
Mood Mode
- C17B8F
≈ Polignac
- A7914F
≈ Salted Capers
- 4AA597
≈ Jewel Weed
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.10:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.75:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
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);
}