Adlandırılmış renk · #949488
Cornwall Slate
Cornwall Slate, #949488: rgb(148 148 136), hsl(60 5% 56%), oklch(0.663 0.017 106.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Cornwall Slate color name →
#949488
oklch(0.663 0.017 106.9)
Renk dönüşümleri
- HEX
- #949488
- RGB
- rgb(148 148 136)
- HSL
- hsl(60 5% 56%)
- HWB
- hwb(60 53% 42%)
- OKLCH
- oklch(0.663 0.017 106.9)
- OKLab
- oklab(0.663 -0.005 0.017)
- CIE Lab
- lab(61.06 -1.66 6.37)
- LCH
- lch(61.06 6.59 104.6)
- CMYK
- cmyk(0% 0% 8% 42%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9E9E93
- A9A99F
- B3B3AA
- BDBEB6
- C8C8C2
- D3D3CE
- DEDEDA
- E9E9E6
- F4F4F3
Koyu tonlar
- 808075
- 6D6D63
- 5A5A52
- 484841
- 363631
- 262622
- 161613
- 080806
- 010101
Gri tonlar
- 929287
- 909086
- 8E8E86
- 8C8C85
- 8A8A84
- 888883
- 868682
- 848482
- 828281
Renk uyumları
Tamamlayıcı +180°
- 949488
Cornwall Slate
- 92929E
≈ Lilac Fields
Analog -30° +30°
- 949488
Cornwall Slate
- 999288
≈ Lost Space
- 8E968B
≈ Renegade
Üçlü +120° +240°
- 949488
Cornwall Slate
- 89969B
≈ Atmospheric
- 9C8F95
≈ Autumn Orchid
Bölünmüş tamamlayıcı +150° +210°
- 949488
Cornwall Slate
- 8C949E
≈ Blue Dusk
- 97909A
≈ Victorian
Dörtlü +90° +180° +270°
- 949488
Cornwall Slate
- 879797
≈ Atmospheric
- 92929E
≈ Lilac Fields
- 9E8F8F
≈ Autumn Orchid
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.06:1 · APCA Lc 58
Ag
AASiyah üzerinde
WCAG 6.85:1 · APCA Lc 44
En iyi metin rengi: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
Kod parçacıkları
CSS
:root {
--cornwall-slate: #949488;
--cornwall-slate-rgb: 148 148 136;
--cornwall-slate-oklch: oklch(0.663 0.017 106.9);
}
.element {
color: var(--cornwall-slate);
background-color: hsl(60 5% 56%);
border-color: oklch(0.663 0.017 106.9);
}Tailwind CSS v4
@theme {
--color-cornwall-slate: #949488;
--color-cornwall-slate-50: #f5f6f0;
--color-cornwall-slate-100: #e8e8e2;
--color-cornwall-slate-200: #d4d5cd;
--color-cornwall-slate-300: #b8b8ae;
--color-cornwall-slate-400: #9f9f94;
--color-cornwall-slate-500: #87877a;
--color-cornwall-slate-600: #727267;
--color-cornwall-slate-700: #5b5b53;
--color-cornwall-slate-800: #43433c;
--color-cornwall-slate-900: #2e2e29;
--color-cornwall-slate-950: #1b1b17;
}SCSS
$cornwall-slate: #949488;
$cornwall-slate-rgb: 148, 148, 136;
$cornwall-slate-light: mix(#fff, $cornwall-slate, 20%);
$cornwall-slate-dark: mix(#000, $cornwall-slate, 20%);
.element {
color: $cornwall-slate;
box-shadow: 0 0 0 2px rgba($cornwall-slate, 0.35);
}