色名 · #485480
Mozart
Mozartは#485480：rgb(72 84 128)、hsl(227 28% 39%)、oklch(0.455 0.074 271.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Mozart color name →
#485480
oklch(0.455 0.074 271.6)
カラー変換
- HEX
- #485480
- RGB
- rgb(72 84 128)
- HSL
- hsl(227 28% 39%)
- HWB
- hwb(227 28% 50%)
- OKLCH
- oklch(0.455 0.074 271.6)
- OKLab
- oklab(0.455 0.002 -0.074)
- CIE Lab
- lab(36.19 4.59 -26.66)
- LCH
- lch(36.19 27.05 279.8)
- CMYK
- cmyk(44% 34% 0% 50%)
ティント · シェード · トーン
ティント
- 58648C
- 697499
- 7A84A6
- 8C95B2
- 9EA6BF
- B1B7CC
- C4C9D8
- D7DBE5
- EBEDF2
シェード
- 3D486E
- 333C5D
- 29314D
- 1F263D
- 161B2E
- 0D111F
- 060812
- 020206
- 000001
トーン
- 4D5980
- 535D81
- 586181
- 5E6681
- 636A81
- 696F81
- 6F7381
- 747781
- 7A7C80
カラーハーモニー
補色 +180°
- 485480
Mozart
- 665521
≈ Field Drab
類似色 -30° +30°
トライアド +120° +240°
- 485480
Mozart
- 7A473D
≈ Fire Roasted
- 356242
≈ Forest Serenade
スプリットコンプリメンタリー +150° +210°
- 485480
Mozart
- 744D29
≈ Chocolate Rain
- 505D2C
≈ Woodman
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.35:1 · APCA Lc 85
Ag
Fail黒の上
WCAG 2.85:1 · APCA Lc 17
最適な文字色: #FFFFFF
WCAG 7.35:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--mozart: #485480;
--mozart-rgb: 72 84 128;
--mozart-oklch: oklch(0.455 0.074 271.6);
}
.element {
color: var(--mozart);
background-color: hsl(227 28% 39%);
border-color: oklch(0.455 0.074 271.6);
}Tailwind CSS v4
@theme {
--color-mozart: #485480;
--color-mozart-50: #eef4ff;
--color-mozart-100: #e0e7ff;
--color-mozart-200: #cad3f5;
--color-mozart-300: #abb5de;
--color-mozart-400: #8f9ccb;
--color-mozart-500: #7483b8;
--color-mozart-600: #636f9b;
--color-mozart-700: #4f597c;
--color-mozart-800: #38415c;
--color-mozart-900: #262d41;
--color-mozart-950: #151a29;
}SCSS
$mozart: #485480;
$mozart-rgb: 72, 84, 128;
$mozart-light: mix(#fff, $mozart, 20%);
$mozart-dark: mix(#000, $mozart, 20%);
.element {
color: $mozart;
box-shadow: 0 0 0 2px rgba($mozart, 0.35);
}