色名 · #609AB8
Shakespeare
Shakespeareは#609AB8：rgb(96 154 184)、hsl(200 38% 55%)、oklch(0.658 0.075 232.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Shakespeare color name →
#609AB8
oklch(0.658 0.075 232.1)
カラー変換
- HEX
- #609ab8
- RGB
- rgb(96 154 184)
- HSL
- hsl(200 38% 55%)
- HWB
- hwb(200 38% 28%)
- OKLCH
- oklch(0.658 0.075 232.1)
- OKLab
- oklab(0.658 -0.046 -0.059)
- CIE Lab
- lab(60.49 -13.44 -21.92)
- LCH
- lch(60.49 25.72 238.5)
- CMYK
- cmyk(48% 16% 0% 28%)
ティント · シェード · トーン
ティント
- 70A4BF
- 80AEC6
- 90B8CD
- A0C2D5
- B0CCDC
- BFD6E3
- CFE0EA
- DFEAF1
- EFF5F8
シェード
- 5285A0
- 457188
- 385E71
- 2C4B5B
- 203945
- 152731
- 0A171E
- 03090C
- 000102
トーン
- 6498B2
- 6895AD
- 6C92A7
- 6F90A2
- 728D9C
- 768B96
- 788891
- 7B858B
- 7E8386
カラーハーモニー
補色 +180°
- 609AB8
Shakespeare
- B78566
≈ Cognac Brown
類似色 -30° +30°
- 609AB8
Shakespeare
- 549FA5
≈ Rockpool
- 7892C0
≈ King Neptune
トライアド +120° +240°
- 609AB8
Shakespeare
- B67F96
≈ Nuisette
- 929760
≈ Broad Bean
スプリットコンプリメンタリー +150° +210°
- 609AB8
Shakespeare
- BB7F7D
≈ New Haven Rose
- A98D5B
≈ Wood Green
テトラード +90° +180° +270°
- 609AB8
Shakespeare
- A882AD
≈ Heather
- B78566
≈ Cognac Brown
- 779E73
≈ Amulet
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.08:1 · APCA Lc 58
Ag
AA黒の上
WCAG 6.81:1 · APCA Lc 44
最適な文字色: #000000
WCAG 6.81:1 (AA) · APCA Lc 44
Contrast pairs
コードスニペット
CSS
:root {
--shakespeare: #609ab8;
--shakespeare-rgb: 96 154 184;
--shakespeare-oklch: oklch(0.658 0.075 232.1);
}
.element {
color: var(--shakespeare);
background-color: hsl(200 38% 55%);
border-color: oklch(0.658 0.075 232.1);
}Tailwind CSS v4
@theme {
--color-shakespeare: #609ab8;
--color-shakespeare-50: #e1f9ff;
--color-shakespeare-100: #d0edfe;
--color-shakespeare-200: #b6daf0;
--color-shakespeare-300: #92bed8;
--color-shakespeare-400: #70a7c4;
--color-shakespeare-500: #4e8fb0;
--color-shakespeare-600: #437994;
--color-shakespeare-700: #356177;
--color-shakespeare-800: #244758;
--color-shakespeare-900: #18313d;
--color-shakespeare-950: #091d27;
}SCSS
$shakespeare: #609ab8;
$shakespeare-rgb: 96, 154, 184;
$shakespeare-light: mix(#fff, $shakespeare, 20%);
$shakespeare-dark: mix(#000, $shakespeare, 20%);
.element {
color: $shakespeare;
box-shadow: 0 0 0 2px rgba($shakespeare, 0.35);
}