Warna bernama terdekat · #776681
#776681
Warna bernama terdekat: Sakura Night
#776681 (rgb(119 102 129), hsl(278 12% 45%), oklch(0.536 0.046 312.9)) paling mendekati warna bernama Sakura Night. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#776681
oklch(0.536 0.046 312.9)
Konversi warna
- HEX
- #776681
- RGB
- rgb(119 102 129)
- HSL
- hsl(278 12% 45%)
- HWB
- hwb(278 40% 49%)
- OKLCH
- oklch(0.536 0.046 312.9)
- OKLab
- oklab(0.536 0.031 -0.034)
- CIE Lab
- lab(45.58 11.04 -12.47)
- LCH
- lch(45.58 16.66 311.5)
- CMYK
- cmyk(8% 21% 0% 49%)
Tint · Shade · Tone
Tint
- 84748D
- 918399
- 9E91A5
- ABA0B2
- B9B0BE
- C6BFCB
- D4CFD8
- E2DFE5
- F1EFF2
Shade
- 67586F
- 574A5E
- 473C4E
- 382F3E
- 2A232E
- 1C171F
- 100C12
- 050406
- 010001
Tone
- 786981
- 796B81
- 7A6E81
- 7B7081
- 7C7381
- 7C7681
- 7D7881
- 7E7B80
- 7F7D80
Harmoni warna
Komplementer +180°
- 776681
Sakura Night
- 637458
≈ Finlandia
Analog -30° +30°
- 776681
Sakura Night
- 696A88
≈ Luscious Lavender
- 816375
≈ Opera
Triadik +120° +240°
- 776681
Sakura Night
- 7E6A50
≈ Mayan Ruins
- 4D7675
≈ Cool Waters
Split-komplementer +150° +210°
- 776681
Sakura Night
- 726F50
≈ Secret Path
- 557666
≈ Kendal Green
Tetradik +90° +180° +270°
- 776681
Sakura Night
- 856558
≈ Chivalrous Walrus
- 637458
≈ Finlandia
- 507481
≈ San Miguel Blue
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 5.24:1 · APCA Lc 76
Ag
FailDi atas hitam
WCAG 4.00:1 · APCA Lc 26
Warna teks terbaik: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Cuplikan kode
CSS
:root {
--sakura-night: #776681;
--sakura-night-rgb: 119 102 129;
--sakura-night-oklch: oklch(0.536 0.046 312.9);
}
.element {
color: var(--sakura-night);
background-color: hsl(278 12% 45%);
border-color: oklch(0.536 0.046 312.9);
}Tailwind CSS v4
@theme {
--color-sakura-night: #776681;
--color-sakura-night-50: #faf1ff;
--color-sakura-night-100: #eee4f3;
--color-sakura-night-200: #dccfe2;
--color-sakura-night-300: #c0b1c8;
--color-sakura-night-400: #a897b2;
--color-sakura-night-500: #917e9c;
--color-sakura-night-600: #7b6a84;
--color-sakura-night-700: #62556a;
--color-sakura-night-800: #473e4e;
--color-sakura-night-900: #322b36;
--color-sakura-night-950: #1d1821;
}SCSS
$sakura-night: #776681;
$sakura-night-rgb: 119, 102, 129;
$sakura-night-light: mix(#fff, $sakura-night, 20%);
$sakura-night-dark: mix(#000, $sakura-night, 20%);
.element {
color: $sakura-night;
box-shadow: 0 0 0 2px rgba($sakura-night, 0.35);
}