Adlandırılmış renk · #68655D
Cumberland Grey
Cumberland Grey, #68655D: rgb(104 101 93), hsl(44 6% 39%), oklch(0.507 0.013 89.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cumberland Grey color name →
#68655D
oklch(0.507 0.013 89.8)
Renk dönüşümleri
- HEX
- #68655d
- RGB
- rgb(104 101 93)
- HSL
- hsl(44 6% 39%)
- HWB
- hwb(44 36% 59%)
- OKLCH
- oklch(0.507 0.013 89.8)
- OKLab
- oklab(0.507 0 0.013)
- CIE Lab
- lab(42.87 0.06 4.99)
- LCH
- lch(42.87 4.99 89.3)
- CMYK
- cmyk(0% 3% 11% 59%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 76736C
- 84827B
- 93908A
- A19F9A
- B0AFAA
- C0BEBB
- CFCECC
- DFDEDC
- EFEFEE
Koyu tonlar
- 595750
- 4B4943
- 3E3C37
- 302F2A
- 24221F
- 181714
- 0C0C0A
- 040303
- 000000
Gri tonlar
- 6A6860
- 6D6A64
- 6F6D67
- 71706B
- 74726E
- 767572
- 797875
- 7B7B79
- 7E7D7C
Renk uyumları
Tamamlayıcı +180°
- 68655D
Cumberland Grey
- 62656D
≈ Shuttle Grey
Analog -30° +30°
- 68655D
Cumberland Grey
- 6B645E
≈ Cumberland Grey
- 64665E
≈ Cumberland Grey
Üçlü +120° +240°
- 68655D
Cumberland Grey
- 5D6769
≈ Le Luxe
- 6A6369
≈ Blackwater Park
Bölünmüş tamamlayıcı +150° +210°
- 68655D
Cumberland Grey
- 5F666C
≈ Shuttle Grey
- 66646C
≈ Lavender Moor
Dörtlü +90° +180° +270°
- 68655D
Cumberland Grey
- 5E6865
≈ Dark Pewter
- 62656D
≈ Shuttle Grey
- 6C6265
≈ Tibetan Cloak
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.82:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.60:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 5.82:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
CSS
:root {
--cumberland-grey: #68655d;
--cumberland-grey-rgb: 104 101 93;
--cumberland-grey-oklch: oklch(0.507 0.013 89.8);
}
.element {
color: var(--cumberland-grey);
background-color: hsl(44 6% 39%);
border-color: oklch(0.507 0.013 89.8);
}Tailwind CSS v4
@theme {
--color-cumberland-grey: #68655d;
--color-cumberland-grey-50: #f6f5f1;
--color-cumberland-grey-100: #e9e8e3;
--color-cumberland-grey-200: #d6d4ce;
--color-cumberland-grey-300: #bab7b0;
--color-cumberland-grey-400: #a19e96;
--color-cumberland-grey-500: #89867d;
--color-cumberland-grey-600: #74716a;
--color-cumberland-grey-700: #5d5b54;
--color-cumberland-grey-800: #44423d;
--color-cumberland-grey-900: #2f2e2a;
--color-cumberland-grey-950: #1c1a18;
}SCSS
$cumberland-grey: #68655d;
$cumberland-grey-rgb: 104, 101, 93;
$cumberland-grey-light: mix(#fff, $cumberland-grey, 20%);
$cumberland-grey-dark: mix(#000, $cumberland-grey, 20%);
.element {
color: $cumberland-grey;
box-shadow: 0 0 0 2px rgba($cumberland-grey, 0.35);
}