Adlandırılmış renk · #6F676B
Double Infinity
Double Infinity, #6F676B: rgb(111 103 107), hsl(330 4% 42%), oklch(0.522 0.012 345.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Double Infinity color name →
#6F676B
oklch(0.522 0.012 345.7)
Renk dönüşümleri
- HEX
- #6f676b
- RGB
- rgb(111 103 107)
- HSL
- hsl(330 4% 42%)
- HWB
- hwb(330 40% 56%)
- OKLCH
- oklch(0.522 0.012 345.7)
- OKLab
- oklab(0.522 0.011 -0.003)
- CIE Lab
- lab(44.45 3.85 -1.06)
- LCH
- lch(44.45 3.99 344.5)
- CMYK
- cmyk(0% 7% 4% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7C7579
- 8A8387
- 989295
- A6A1A3
- B4B0B2
- C3BFC1
- D2CFD0
- E1DFE0
- F0EFEF
Koyu tonlar
- 60595C
- 514B4E
- 423D3F
- 343032
- 272325
- 1A1718
- 0E0C0D
- 040404
- 010000
Gri tonlar
- 71696D
- 726C6F
- 746E71
- 767173
- 777375
- 797678
- 7B787A
- 7D7B7C
- 7E7D7E
Renk uyumları
Tamamlayıcı +180°
- 6F676B
Double Infinity
- 646C68
≈ On the Moor
Analog -30° +30°
- 6F676B
Double Infinity
- 6C686E
≈ Purple Comet
- 706767
≈ Chocolate Pudding
Üçlü +120° +240°
- 6F676B
Double Infinity
- 6A6A62
≈ Armoury
- 636B6F
≈ Night Out
Bölünmüş tamamlayıcı +150° +210°
- 6F676B
Double Infinity
- 676B65
≈ Castor Grey
- 626C6C
≈ Wrapped in Twilight
Dörtlü +90° +180° +270°
- 6F676B
Double Infinity
- 6E6962
≈ Burnished Pewter
- 646C68
≈ On the Moor
- 656A70
≈ Night Out
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.48:1 · APCA Lc 77
Ag
FailSiyah üzerinde
WCAG 3.82:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.48:1 (AA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
CSS
:root {
--double-infinity: #6f676b;
--double-infinity-rgb: 111 103 107;
--double-infinity-oklch: oklch(0.522 0.012 345.7);
}
.element {
color: var(--double-infinity);
background-color: hsl(330 4% 42%);
border-color: oklch(0.522 0.012 345.7);
}Tailwind CSS v4
@theme {
--color-double-infinity: #6f676b;
--color-double-infinity-50: #f8f4f6;
--color-double-infinity-100: #ebe6e8;
--color-double-infinity-200: #d8d2d5;
--color-double-infinity-300: #bcb5b8;
--color-double-infinity-400: #a49ca0;
--color-double-infinity-500: #8c8388;
--color-double-infinity-600: #776f73;
--color-double-infinity-700: #5f595c;
--color-double-infinity-800: #454143;
--color-double-infinity-900: #302d2e;
--color-double-infinity-950: #1c1a1b;
}SCSS
$double-infinity: #6f676b;
$double-infinity-rgb: 111, 103, 107;
$double-infinity-light: mix(#fff, $double-infinity, 20%);
$double-infinity-dark: mix(#000, $double-infinity, 20%);
.element {
color: $double-infinity;
box-shadow: 0 0 0 2px rgba($double-infinity, 0.35);
}