色名 · #82A2BE
Old Faithful
Old Faithfulは#82A2BE：rgb(130 162 190)、hsl(208 32% 63%)、oklch(0.698 0.054 245.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Old Faithful color name →
#82A2BE
oklch(0.698 0.054 245.1)
カラー変換
- HEX
- #82a2be
- RGB
- rgb(130 162 190)
- HSL
- hsl(208 32% 63%)
- HWB
- hwb(208 51% 25%)
- OKLCH
- oklch(0.698 0.054 245.1)
- OKLab
- oklab(0.698 -0.023 -0.049)
- CIE Lab
- lab(64.95 -6.36 -18.3)
- LCH
- lch(64.95 19.38 250.8)
- CMYK
- cmyk(32% 15% 0% 25%)
ティント · シェード · トーン
ティント
- 8EABC5
- 9AB4CB
- A7BDD2
- B3C7D8
- BFD0DF
- CCD9E5
- D9E3EC
- E5ECF2
- F2F5F8
シェード
- 708CA5
- 5F778C
- 4E6375
- 3E4F5E
- 2F3C48
- 202A33
- 12191F
- 060A0D
- 010102
トーン
- 829FB8
- 829BB1
- 8298AB
- 8294A5
- 82919F
- 818E99
- 818A92
- 81878C
- 808386
カラーハーモニー
補色 +180°
- 82A2BE
Old Faithful
- B6977B
≈ Char Latte
類似色 -30° +30°
- 82A2BE
Old Faithful
- 77A7B3
≈ Inner Sanctum
- 949CC0
≈ Blue Heron
トライアド +120° +240°
- 82A2BE
Old Faithful
- BC9099
≈ Cherry Juice
- 96A47F
≈ Huntington Garden
スプリットコンプリメンタリー +150° +210°
- 82A2BE
Old Faithful
- BD9287
≈ Revival Rose
- A89E78
≈ Fresh Olive
テトラード +90° +180° +270°
- 82A2BE
Old Faithful
- B492AB
≈ Bed of Roses
- B6977B
≈ Char Latte
- 83A88F
≈ Catnip
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.67:1 · APCA Lc 52
Ag
AAA黒の上
WCAG 7.86:1 · APCA Lc 50
最適な文字色: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
コードスニペット
CSS
:root {
--old-faithful: #82a2be;
--old-faithful-rgb: 130 162 190;
--old-faithful-oklch: oklch(0.698 0.054 245.1);
}
.element {
color: var(--old-faithful);
background-color: hsl(208 32% 63%);
border-color: oklch(0.698 0.054 245.1);
}Tailwind CSS v4
@theme {
--color-old-faithful: #82a2be;
--color-old-faithful-50: #e9f7ff;
--color-old-faithful-100: #daeafa;
--color-old-faithful-200: #c2d7eb;
--color-old-faithful-300: #a2bbd2;
--color-old-faithful-400: #84a2bd;
--color-old-faithful-500: #688aa8;
--color-old-faithful-600: #58758e;
--color-old-faithful-700: #465e72;
--color-old-faithful-800: #324554;
--color-old-faithful-900: #22303b;
--color-old-faithful-950: #111c25;
}SCSS
$old-faithful: #82a2be;
$old-faithful-rgb: 130, 162, 190;
$old-faithful-light: mix(#fff, $old-faithful, 20%);
$old-faithful-dark: mix(#000, $old-faithful, 20%);
.element {
color: $old-faithful;
box-shadow: 0 0 0 2px rgba($old-faithful, 0.35);
}