色名 · #255BA2
Miracle at Wrigley
Miracle at Wrigleyは#255BA2：rgb(37 91 162)、hsl(214 63% 39%)、oklch(0.474 0.128 256.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Miracle at Wrigley color name →
#255BA2
oklch(0.474 0.128 256.6)
カラー変換
- HEX
- #255ba2
- RGB
- rgb(37 91 162)
- HSL
- hsl(214 63% 39%)
- HWB
- hwb(214 15% 36%)
- OKLCH
- oklch(0.474 0.128 256.6)
- OKLab
- oklab(0.474 -0.03 -0.125)
- CIE Lab
- lab(38.02 2.09 -44.41)
- LCH
- lch(38.02 44.46 272.7)
- CMYK
- cmyk(77% 44% 0% 36%)
ティント · シェード · トーン
ティント
- 3B6BAC
- 517BB6
- 668BC0
- 7B9CC9
- 90ACD2
- A6BCDC
- BCCDE5
- D2DDEE
- E8EEF6
シェード
- 1F4E8C
- 194177
- 133563
- 0D294F
- 081E3C
- 04132A
- 020919
- 00030A
- 000001
トーン
- 305F9F
- 3A649C
- 446899
- 4D6C96
- 556F93
- 5E738F
- 67768C
- 6F7A88
- 787D84
カラーハーモニー
補色 +180°
- 255BA2
Miracle at Wrigley
- 7B5300
≈ Intense Brown
類似色 -30° +30°
- 255BA2
Miracle at Wrigley
- 006583
≈ Journey Into Night
- 584D9F
≈ Coronation Blue
トライアド +120° +240°
- 255BA2
Miracle at Wrigley
- 963742
≈ Polished Garnet
- 366B16
≈ Green-Eyed Monster
スプリットコンプリメンタリー +150° +210°
- 255BA2
Miracle at Wrigley
- 933F07
≈ Hot Brown
- 635F00
≈ Brussels Sprout Green
テトラード +90° +180° +270°
- 255BA2
Miracle at Wrigley
- 8C396A
≈ Midnight Aubergine
- 7B5300
≈ Intense Brown
- 006D50
≈ Starboard
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.78:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.09:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.78:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--miracle-at-wrigley: #255ba2;
--miracle-at-wrigley-rgb: 37 91 162;
--miracle-at-wrigley-oklch: oklch(0.474 0.128 256.6);
}
.element {
color: var(--miracle-at-wrigley);
background-color: hsl(214 63% 39%);
border-color: oklch(0.474 0.128 256.6);
}Tailwind CSS v4
@theme {
--color-miracle-at-wrigley: #255ba2;
--color-miracle-at-wrigley-50: #dff7ff;
--color-miracle-at-wrigley-100: #ceeaff;
--color-miracle-at-wrigley-200: #b3d6ff;
--color-miracle-at-wrigley-300: #8fb9f9;
--color-miracle-at-wrigley-400: #6ba0e9;
--color-miracle-at-wrigley-500: #4987d9;
--color-miracle-at-wrigley-600: #3f72b7;
--color-miracle-at-wrigley-700: #325b93;
--color-miracle-at-wrigley-800: #20436e;
--color-miracle-at-wrigley-900: #152e4d;
--color-miracle-at-wrigley-950: #071b33;
}SCSS
$miracle-at-wrigley: #255ba2;
$miracle-at-wrigley-rgb: 37, 91, 162;
$miracle-at-wrigley-light: mix(#fff, $miracle-at-wrigley, 20%);
$miracle-at-wrigley-dark: mix(#000, $miracle-at-wrigley, 20%);
.element {
color: $miracle-at-wrigley;
box-shadow: 0 0 0 2px rgba($miracle-at-wrigley, 0.35);
}