Adlandırılmış renk · #334046
Big Stone
Big Stone, #334046: rgb(51 64 70), hsl(199 16% 24%), oklch(0.362 0.02 227.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Big Stone color name →
#334046
oklch(0.362 0.02 227.6)
Renk dönüşümleri
- HEX
- #334046
- RGB
- rgb(51 64 70)
- HSL
- hsl(199 16% 24%)
- HWB
- hwb(199 20% 73%)
- OKLCH
- oklch(0.362 0.02 227.6)
- OKLab
- oklab(0.362 -0.013 -0.015)
- CIE Lab
- lab(26.11 -4.27 -5.52)
- LCH
- lch(26.11 6.98 232.3)
- CMYK
- cmyk(27% 9% 0% 73%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 455156
- 576268
- 6B7479
- 7E878B
- 939A9D
- A7ADB0
- BDC1C3
- D2D5D7
- E8EAEB
Koyu tonlar
- 2B363C
- 232D32
- 1C2428
- 141B1E
- 0D1315
- 070B0D
- 030505
- 010102
- 000000
Gri tonlar
- 3A464C
- 424C51
- 495257
- 51595D
- 585F62
- 606668
- 686C6E
- 707374
- 78797A
Renk uyumları
Tamamlayıcı +180°
- 334046
Big Stone
- 473B35
≈ Delicioso
Analog -30° +30°
- 334046
Big Stone
- 324141
≈ Dying Light
- 373E48
≈ Inkblot
Üçlü +120° +240°
- 334046
Big Stone
- 463A40
≈ Pitch Black
- 3F3F33
≈ I R Dark Green
Bölünmüş tamamlayıcı +150° +210°
- 334046
Big Stone
- 483A3A
≈ Humpback Whale
- 443D32
≈ Bold Eagle
Dörtlü +90° +180° +270°
- 334046
Big Stone
- 423B45
≈ Tuxedo
- 473B35
≈ Delicioso
- 394036
≈ Sunday Niqab
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.70:1 · APCA Lc 95
Ag
FailSiyah üzerinde
WCAG 1.96:1 · APCA Lc 8
En iyi metin rengi: #FFFFFF
WCAG 10.70:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--big-stone: #334046;
--big-stone-rgb: 51 64 70;
--big-stone-oklch: oklch(0.362 0.02 227.6);
}
.element {
color: var(--big-stone);
background-color: hsl(199 16% 24%);
border-color: oklch(0.362 0.02 227.6);
}Tailwind CSS v4
@theme {
--color-big-stone: #334046;
--color-big-stone-50: #f0f6fa;
--color-big-stone-100: #e1e9ed;
--color-big-stone-200: #ccd6db;
--color-big-stone-300: #aebac0;
--color-big-stone-400: #93a1a8;
--color-big-stone-500: #798991;
--color-big-stone-600: #67747a;
--color-big-stone-700: #525d62;
--color-big-stone-800: #3b4448;
--color-big-stone-900: #292f32;
--color-big-stone-950: #171b1e;
}SCSS
$big-stone: #334046;
$big-stone-rgb: 51, 64, 70;
$big-stone-light: mix(#fff, $big-stone, 20%);
$big-stone-dark: mix(#000, $big-stone, 20%);
.element {
color: $big-stone;
box-shadow: 0 0 0 2px rgba($big-stone, 0.35);
}