En yakın adlandırılmış renk · #826F7F
#826F7F
En yakın adlandırılmış renk: Sakura Night
#826F7F (rgb(130 111 127), hsl(309 8% 47%), oklch(0.565 0.033 331.3)) en çok Sakura Night adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#826F7F
oklch(0.565 0.033 331.3)
Renk dönüşümleri
- HEX
- #826f7f
- RGB
- rgb(130 111 127)
- HSL
- hsl(309 8% 47%)
- HWB
- hwb(309 44% 49%)
- OKLCH
- oklch(0.565 0.033 331.3)
- OKLab
- oklab(0.565 0.029 -0.016)
- CIE Lab
- lab(49.07 9.94 -5.96)
- LCH
- lch(49.07 11.59 329)
- CMYK
- cmyk(0% 15% 2% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8E7C8B
- 9A8A97
- A698A4
- B2A6B0
- BFB4BD
- CBC3CA
- D8D2D7
- E5E1E4
- F2F0F2
Koyu tonlar
- 70606E
- 5F515D
- 4E424C
- 3E343C
- 2F272D
- 201A1F
- 120E11
- 060406
- 010101
Gri tonlar
- 82717F
- 82727F
- 82747F
- 81767F
- 817880
- 817980
- 817B80
- 817D80
- 807E80
Renk uyumları
Tamamlayıcı +180°
- 826F7F
Sakura Night
- 687C6C
≈ Cricket Green
Analog -30° +30°
- 826F7F
Sakura Night
- 797287
≈ Early Dawn
- 886E74
≈ Pomace Red
Üçlü +120° +240°
- 826F7F
Sakura Night
- 7D7660
≈ Swamp
- 5F7C81
≈ North Atlantic
Bölünmüş tamamlayıcı +150° +210°
- 826F7F
Sakura Night
- 737963
≈ Deep Lichen Green
- 617D77
≈ Salal Leaves
Dörtlü +90° +180° +270°
- 826F7F
Sakura Night
- 857262
≈ Dusty Chestnut
- 687C6C
≈ Cricket Green
- 657988
≈ Metal Grey
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.63:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.52:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--sakura-night: #826f7f;
--sakura-night-rgb: 130 111 127;
--sakura-night-oklch: oklch(0.565 0.033 331.3);
}
.element {
color: var(--sakura-night);
background-color: hsl(309 8% 47%);
border-color: oklch(0.565 0.033 331.3);
}Tailwind CSS v4
@theme {
--color-sakura-night: #826f7f;
--color-sakura-night-50: #fbf2f9;
--color-sakura-night-100: #efe4ed;
--color-sakura-night-200: #decfda;
--color-sakura-night-300: #c2b1bf;
--color-sakura-night-400: #ab98a8;
--color-sakura-night-500: #947e90;
--color-sakura-night-600: #7d6b7a;
--color-sakura-night-700: #645662;
--color-sakura-night-800: #493e48;
--color-sakura-night-900: #332b32;
--color-sakura-night-950: #1e181e;
}SCSS
$sakura-night: #826f7f;
$sakura-night-rgb: 130, 111, 127;
$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);
}