色名 · #4A40AD
Megadrive Screen
Megadrive Screenは#4A40AD：rgb(74 64 173)、hsl(246 46% 46%)、oklch(0.448 0.167 281.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Megadrive Screen color name →
#4A40AD
oklch(0.448 0.167 281.4)
カラー変換
- HEX
- #4a40ad
- RGB
- rgb(74 64 173)
- HSL
- hsl(246 46% 46%)
- HWB
- hwb(246 25% 32%)
- OKLCH
- oklch(0.448 0.167 281.4)
- OKLab
- oklab(0.448 0.033 -0.164)
- CIE Lab
- lab(33.42 29.04 -58.23)
- LCH
- lch(33.42 65.07 296.5)
- CMYK
- cmyk(57% 63% 0% 32%)
ティント · シェード · トーン
ティント
- 5854B7
- 6868C0
- 797BC9
- 8A8DD1
- 9CA0DA
- AFB3E2
- C2C6EA
- D6D9F1
- EAECF8
シェード
- 3F3696
- 352D7F
- 2A246A
- 201B55
- 171341
- 0E0B2D
- 06051B
- 02010B
- 000001
トーン
- 4E48A9
- 5250A6
- 5757A2
- 5C5E9E
- 626499
- 676A95
- 6D7090
- 73758B
- 7A7B86
カラーハーモニー
補色 +180°
- 4A40AD
Megadrive Screen
- 605600
≈ Olive Brown
類似色 -30° +30°
- 4A40AD
Megadrive Screen
- 00569A
≈ Standing Waters
- 722E97
≈ Skeletor’s Cape
トライアド +120° +240°
- 4A40AD
Megadrive Screen
- 903200
≈ Citrine Brown
- 006543
≈ Aotake Bamboo
スプリットコンプリメンタリー +150° +210°
- 4A40AD
Megadrive Screen
- 754A00
≈ Hairy Brown
- 3B6200
≈ Rainforest Matcha
テトラード +90° +180° +270°
- 4A40AD
Megadrive Screen
- 9B133C
≈ Cranberry
- 605600
≈ Olive Brown
- 00625F
≈ Emerald Stone
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.99:1 · APCA Lc 87
Ag
Fail黒の上
WCAG 2.62:1 · APCA Lc 15
最適な文字色: #FFFFFF
WCAG 7.99:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--megadrive-screen: #4a40ad;
--megadrive-screen-rgb: 74 64 173;
--megadrive-screen-oklch: oklch(0.448 0.167 281.4);
}
.element {
color: var(--megadrive-screen);
background-color: hsl(246 46% 46%);
border-color: oklch(0.448 0.167 281.4);
}Tailwind CSS v4
@theme {
--color-megadrive-screen: #4a40ad;
--color-megadrive-screen-50: #eef0ff;
--color-megadrive-screen-100: #e0e1ff;
--color-megadrive-screen-200: #cacbff;
--color-megadrive-screen-300: #acabff;
--color-megadrive-screen-400: #8f8ffe;
--color-megadrive-screen-500: #7772f0;
--color-megadrive-screen-600: #6561cb;
--color-megadrive-screen-700: #504ea3;
--color-megadrive-screen-800: #38397a;
--color-megadrive-screen-900: #262756;
--color-megadrive-screen-950: #15153a;
}SCSS
$megadrive-screen: #4a40ad;
$megadrive-screen-rgb: 74, 64, 173;
$megadrive-screen-light: mix(#fff, $megadrive-screen, 20%);
$megadrive-screen-dark: mix(#000, $megadrive-screen, 20%);
.element {
color: $megadrive-screen;
box-shadow: 0 0 0 2px rgba($megadrive-screen, 0.35);
}