Adlandırılmış renk · #8C6D46
Grecian Helmet
Grecian Helmet, #8C6D46: rgb(140 109 70), hsl(33 33% 41%), oklch(0.556 0.067 72.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Grecian Helmet color name →
#8C6D46
oklch(0.556 0.067 72.1)
Renk dönüşümleri
- HEX
- #8c6d46
- RGB
- rgb(140 109 70)
- HSL
- hsl(33 33% 41%)
- HWB
- hwb(33 27% 45%)
- OKLCH
- oklch(0.556 0.067 72.1)
- OKLab
- oklab(0.556 0.021 0.064)
- CIE Lab
- lab(48.47 8.92 26.66)
- LCH
- lch(48.47 28.11 71.5)
- CMYK
- cmyk(0% 22% 50% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 977B58
- A2896A
- AE977B
- B9A58E
- C5B4A0
- D0C3B2
- DCD1C5
- E7E0D8
- F3F0EB
Koyu tonlar
- 795E3C
- 674F32
- 554128
- 43331E
- 332615
- 23190D
- 140D05
- 070402
- 010100
Gri tonlar
- 8B6F4C
- 8A7153
- 897359
- 88755E
- 867764
- 85796A
- 847B6F
- 837C75
- 817E7B
Renk uyumları
Tamamlayıcı +180°
- 8C6D46
Grecian Helmet
- 56769A
≈ Yawl
Analog -30° +30°
- 8C6D46
Grecian Helmet
- 956654
≈ Stormy Plum
- 7B7545
≈ Fern Shade
Üçlü +120° +240°
- 8C6D46
Grecian Helmet
- 3E807D
≈ Bubble Turquoise
- 816890
≈ Poetry Mauve
Bölünmüş tamamlayıcı +150° +210°
- 8C6D46
Grecian Helmet
- 437C90
≈ Larkspur
- 6D6F9A
≈ Thirsty Thursday
Dörtlü +90° +180° +270°
- 8C6D46
Grecian Helmet
- 4D8067
≈ Sports Field Green
- 56769A
≈ Yawl
- 8F647E
≈ Victorian Plum
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.78:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.39:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.78:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--grecian-helmet: #8c6d46;
--grecian-helmet-rgb: 140 109 70;
--grecian-helmet-oklch: oklch(0.556 0.067 72.1);
}
.element {
color: var(--grecian-helmet);
background-color: hsl(33 33% 41%);
border-color: oklch(0.556 0.067 72.1);
}Tailwind CSS v4
@theme {
--color-grecian-helmet: #8c6d46;
--color-grecian-helmet-50: #fff3e1;
--color-grecian-helmet-100: #f6e5d0;
--color-grecian-helmet-200: #e6d1b5;
--color-grecian-helmet-300: #ccb392;
--color-grecian-helmet-400: #b89872;
--color-grecian-helmet-500: #a27f53;
--color-grecian-helmet-600: #896c47;
--color-grecian-helmet-700: #6e5638;
--color-grecian-helmet-800: #513e28;
--color-grecian-helmet-900: #392b1b;
--color-grecian-helmet-950: #23180b;
}SCSS
$grecian-helmet: #8c6d46;
$grecian-helmet-rgb: 140, 109, 70;
$grecian-helmet-light: mix(#fff, $grecian-helmet, 20%);
$grecian-helmet-dark: mix(#000, $grecian-helmet, 20%);
.element {
color: $grecian-helmet;
box-shadow: 0 0 0 2px rgba($grecian-helmet, 0.35);
}