Warna bernama · #82A2BE
Old Faithful
Old Faithful adalah #82A2BE: rgb(130 162 190), hsl(208 32% 63%), oklch(0.698 0.054 245.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Blue mean? → · Old Faithful color name →
#82A2BE
oklch(0.698 0.054 245.1)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 8EABC5
- 9AB4CB
- A7BDD2
- B3C7D8
- BFD0DF
- CCD9E5
- D9E3EC
- E5ECF2
- F2F5F8
Shade
- 708CA5
- 5F778C
- 4E6375
- 3E4F5E
- 2F3C48
- 202A33
- 12191F
- 060A0D
- 010102
Tone
- 829FB8
- 829BB1
- 8298AB
- 8294A5
- 82919F
- 818E99
- 818A92
- 81878C
- 808386
Harmoni warna
Komplementer +180°
- 82A2BE
Old Faithful
- B6977B
≈ Char Latte
Analog -30° +30°
- 82A2BE
Old Faithful
- 77A7B3
≈ Inner Sanctum
- 949CC0
≈ Blue Heron
Triadik +120° +240°
- 82A2BE
Old Faithful
- BC9099
≈ Cherry Juice
- 96A47F
≈ Huntington Garden
Split-komplementer +150° +210°
- 82A2BE
Old Faithful
- BD9287
≈ Revival Rose
- A89E78
≈ Fresh Olive
Tetradik +90° +180° +270°
- 82A2BE
Old Faithful
- B492AB
≈ Bed of Roses
- B6977B
≈ Char Latte
- 83A88F
≈ Catnip
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.67:1 · APCA Lc 52
Ag
AAADi atas hitam
WCAG 7.86:1 · APCA Lc 50
Warna teks terbaik: #000000
WCAG 7.86:1 (AAA) · APCA Lc 50
Contrast pairs
Cuplikan kode
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);
}