色名 · #4C73AF
Ramjet
Ramjetは#4C73AF：rgb(76 115 175)、hsl(216 39% 49%)、oklch(0.554 0.104 258.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Ramjet color name →
#4C73AF
oklch(0.554 0.104 258.7)
カラー変換
- HEX
- #4c73af
- RGB
- rgb(76 115 175)
- HSL
- hsl(216 39% 49%)
- HWB
- hwb(216 30% 31%)
- OKLCH
- oklch(0.554 0.104 258.7)
- OKLab
- oklab(0.554 -0.02 -0.102)
- CIE Lab
- lab(47.62 -0.11 -36.73)
- LCH
- lch(47.62 36.73 269.8)
- CMYK
- cmyk(57% 34% 0% 31%)
ティント · シェード · トーン
ティント
- 5D81B7
- 6E8EC0
- 7F9CC8
- 91AAD0
- A3B8D8
- B5C6E0
- C7D4E8
- D9E2F0
- ECF1F7
シェード
- 416398
- 365481
- 2C456B
- 223656
- 182841
- 0F1B2E
- 060F1C
- 02050B
- 000101
トーン
- 5275AB
- 5776A6
- 5C78A2
- 62799D
- 677B99
- 6C7C94
- 717D8F
- 767E8A
- 7B7F85
カラーハーモニー
補色 +180°
- 4C73AF
Ramjet
- 936A1D
≈ Sassy Olive
類似色 -30° +30°
- 4C73AF
Ramjet
- 147EA3
≈ Kingfisher Sheen
- 7168AC
≈ Clear Mauve
トライアド +120° +240°
- 4C73AF
Ramjet
- A7585B
≈ Lingonberry Punch
- 528144
≈ Guinean Green
スプリットコンプリメンタリー +150° +210°
- 4C73AF
Ramjet
- A35F38
≈ Desert Soil
- 787723
≈ Crocodile Eye
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.79:1 · APCA Lc 73
Ag
Fail黒の上
WCAG 4.37:1 · APCA Lc 29
最適な文字色: #FFFFFF
WCAG 4.79:1 (AA) · APCA Lc 73
Contrast pairs
コードスニペット
CSS
:root {
--ramjet: #4c73af;
--ramjet-rgb: 76 115 175;
--ramjet-oklch: oklch(0.554 0.104 258.7);
}
.element {
color: var(--ramjet);
background-color: hsl(216 39% 49%);
border-color: oklch(0.554 0.104 258.7);
}Tailwind CSS v4
@theme {
--color-ramjet: #4c73af;
--color-ramjet-50: #e5f6ff;
--color-ramjet-100: #d4e9ff;
--color-ramjet-200: #bbd6ff;
--color-ramjet-300: #99b8ed;
--color-ramjet-400: #79a0dc;
--color-ramjet-500: #5a87ca;
--color-ramjet-600: #4d72ab;
--color-ramjet-700: #3d5b89;
--color-ramjet-800: #2a4366;
--color-ramjet-900: #1c2e48;
--color-ramjet-950: #0c1b2f;
}SCSS
$ramjet: #4c73af;
$ramjet-rgb: 76, 115, 175;
$ramjet-light: mix(#fff, $ramjet, 20%);
$ramjet-dark: mix(#000, $ramjet, 20%);
.element {
color: $ramjet;
box-shadow: 0 0 0 2px rgba($ramjet, 0.35);
}