色名 · #899BB8
Forever Blue
Forever Blueは#899BB8：rgb(137 155 184)、hsl(217 25% 63%)、oklch(0.685 0.048 259.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Forever Blue color name →
#899BB8
oklch(0.685 0.048 259.9)
カラー変換
- HEX
- #899bb8
- RGB
- rgb(137 155 184)
- HSL
- hsl(217 25% 63%)
- HWB
- hwb(217 54% 28%)
- OKLCH
- oklch(0.685 0.048 259.9)
- OKLab
- oklab(0.685 -0.008 -0.047)
- CIE Lab
- lab(63.32 -1.62 -17.37)
- LCH
- lch(63.32 17.44 264.7)
- CMYK
- cmyk(26% 16% 0% 28%)
ティント · シェード · トーン
ティント
- 94A5BF
- A0AEC6
- ABB8CD
- B7C2D4
- C3CCDB
- CED6E2
- DAE0EA
- E6EAF1
- F3F5F8
シェード
- 7686A0
- 647288
- 535E71
- 424B5B
- 313945
- 222831
- 14181E
- 07090C
- 010102
トーン
- 8898B2
- 8796AD
- 8693A7
- 8690A1
- 858E9C
- 848B96
- 838891
- 82858B
- 818386
カラーハーモニー
補色 +180°
- 899BB8
Forever Blue
- AA9779
≈ Croque Monsieur
類似色 -30° +30°
- 899BB8
Forever Blue
- 7CA0B2
≈ Blue Cascade
- 9995B6
≈ Tusi Grey
トライアド +120° +240°
- 899BB8
Forever Blue
- B68F8E
≈ Brandy Snaps
- 8BA286
≈ Gallery Green
スプリットコンプリメンタリー +150° +210°
- 899BB8
Forever Blue
- B39280
≈ Changing Seasons
- 9B9D7B
≈ Bonsai Garden
テトラード +90° +180° +270°
- 899BB8
Forever Blue
- B28E9E
≈ Mauve Shadows
- AA9779
≈ Croque Monsieur
- 7DA495
≈ Verdigreen
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.82:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.44:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.44:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--forever-blue: #899bb8;
--forever-blue-rgb: 137 155 184;
--forever-blue-oklch: oklch(0.685 0.048 259.9);
}
.element {
color: var(--forever-blue);
background-color: hsl(217 25% 63%);
border-color: oklch(0.685 0.048 259.9);
}Tailwind CSS v4
@theme {
--color-forever-blue: #899bb8;
--color-forever-blue-50: #eef6ff;
--color-forever-blue-100: #dfe8f8;
--color-forever-blue-200: #c9d5e9;
--color-forever-blue-300: #aab8d0;
--color-forever-blue-400: #8e9fbb;
--color-forever-blue-500: #7487a6;
--color-forever-blue-600: #62728c;
--color-forever-blue-700: #4e5b71;
--color-forever-blue-800: #384353;
--color-forever-blue-900: #262e3a;
--color-forever-blue-950: #151b24;
}SCSS
$forever-blue: #899bb8;
$forever-blue-rgb: 137, 155, 184;
$forever-blue-light: mix(#fff, $forever-blue, 20%);
$forever-blue-dark: mix(#000, $forever-blue, 20%);
.element {
color: $forever-blue;
box-shadow: 0 0 0 2px rgba($forever-blue, 0.35);
}