色名 · #4E5878
Blue Review
Blue Reviewは#4E5878：rgb(78 88 120)、hsl(226 21% 39%)、oklch(0.465 0.054 270.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Blue Review color name →
#4E5878
oklch(0.465 0.054 270.8)
カラー変換
- HEX
- #4e5878
- RGB
- rgb(78 88 120)
- HSL
- hsl(226 21% 39%)
- HWB
- hwb(226 31% 53%)
- OKLCH
- oklch(0.465 0.054 270.8)
- OKLab
- oklab(0.465 0.001 -0.054)
- CIE Lab
- lab(37.53 2.33 -19.64)
- LCH
- lch(37.53 19.77 276.8)
- CMYK
- cmyk(35% 27% 0% 53%)
ティント · シェード · トーン
ティント
- 5E6785
- 6E7792
- 7F879F
- 9097AD
- A2A8BA
- B4B9C8
- C6CAD5
- D9DBE3
- ECEDF1
シェード
- 434B67
- 383F57
- 2D3348
- 232839
- 191D2A
- 0F121D
- 070910
- 020305
- 000001
トーン
- 535C79
- 58607A
- 5D647B
- 61687C
- 666C7D
- 6B707D
- 71747E
- 76787F
- 7B7C7F
カラーハーモニー
補色 +180°
- 4E5878
Blue Review
- 655835
≈ Beach Casuarina
類似色 -30° +30°
- 4E5878
Blue Review
- 3D5D75
≈ China Pattern
- 5E5373
≈ Arraign
トライアド +120° +240°
- 4E5878
Blue Review
- 754E47
≈ November Foliage
- 43624A
≈ Vizcaya Palm
スプリットコンプリメンタリー +150° +210°
- 4E5878
Blue Review
- 70523A
≈ Mud
- 555E3C
≈ Base Camp
テトラード +90° +180° +270°
- 4E5878
Blue Review
- 734D58
≈ Plum Wine
- 655835
≈ Beach Casuarina
- 34635B
≈ Alliance
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.02:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 2.99:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 7.02:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--blue-review: #4e5878;
--blue-review-rgb: 78 88 120;
--blue-review-oklch: oklch(0.465 0.054 270.8);
}
.element {
color: var(--blue-review);
background-color: hsl(226 21% 39%);
border-color: oklch(0.465 0.054 270.8);
}Tailwind CSS v4
@theme {
--color-blue-review: #4e5878;
--color-blue-review-50: #f0f5ff;
--color-blue-review-100: #e2e7fa;
--color-blue-review-200: #ccd3ec;
--color-blue-review-300: #aeb6d4;
--color-blue-review-400: #929dbf;
--color-blue-review-500: #7985ab;
--color-blue-review-600: #667090;
--color-blue-review-700: #525a73;
--color-blue-review-800: #3b4255;
--color-blue-review-900: #282d3c;
--color-blue-review-950: #161a25;
}SCSS
$blue-review: #4e5878;
$blue-review-rgb: 78, 88, 120;
$blue-review-light: mix(#fff, $blue-review, 20%);
$blue-review-dark: mix(#000, $blue-review, 20%);
.element {
color: $blue-review;
box-shadow: 0 0 0 2px rgba($blue-review, 0.35);
}