Adlandırılmış renk · #C7AB84
Middlestone
Middlestone, #C7AB84: rgb(199 171 132), hsl(35 37% 65%), oklch(0.756 0.062 75.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Middlestone color name →
#C7AB84
oklch(0.756 0.062 75.8)
Renk dönüşümleri
- HEX
- #c7ab84
- RGB
- rgb(199 171 132)
- HSL
- hsl(35 37% 65%)
- HWB
- hwb(35 52% 22%)
- OKLCH
- oklch(0.756 0.062 75.8)
- OKLab
- oklab(0.756 0.015 0.06)
- CIE Lab
- lab(71.76 6.35 24.11)
- LCH
- lch(71.76 24.93 75.3)
- CMYK
- cmyk(0% 14% 34% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CDB390
- D2BC9C
- D8C4A8
- DDCCB5
- E3D5C1
- E9DDCD
- EEE5D9
- F4EEE6
- F9F6F2
Koyu tonlar
- AD9472
- 937E60
- 7A684F
- 62543F
- 4C402F
- 362D20
- 211B12
- 0E0B06
- 020101
Gri tonlar
- C0A784
- B8A284
- B19E84
- AA9A83
- A39583
- 9C9182
- 958D82
- 8E8981
- 878481
Renk uyumları
Tamamlayıcı +180°
- C7AB84
Middlestone
- 96B2D7
≈ Echo Isles Water
Analog -30° +30°
- C7AB84
Middlestone
- D2A48F
≈ Amber Grey
- B5B385
≈ Winter Pear
Üçlü +120° +240°
- C7AB84
Middlestone
- 80BDBC
≈ Riverbed
- BFA4CB
≈ Lavendula
Bölünmüş tamamlayıcı +150° +210°
- C7AB84
Middlestone
- 85B9CE
≈ Blue Bird Morning
- ACABD6
≈ Monastic
Dörtlü +90° +180° +270°
- C7AB84
Middlestone
- 8BBDA7
≈ Lichen
- 96B2D7
≈ Echo Isles Water
- CEA1B8
≈ Quilted Heart
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.19:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.58:1 · APCA Lc 59
En iyi metin rengi: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Kod parçacıkları
CSS
:root {
--middlestone: #c7ab84;
--middlestone-rgb: 199 171 132;
--middlestone-oklch: oklch(0.756 0.062 75.8);
}
.element {
color: var(--middlestone);
background-color: hsl(35 37% 65%);
border-color: oklch(0.756 0.062 75.8);
}Tailwind CSS v4
@theme {
--color-middlestone: #c7ab84;
--color-middlestone-50: #fff3e2;
--color-middlestone-100: #f4e6d1;
--color-middlestone-200: #e3d2b7;
--color-middlestone-300: #c9b494;
--color-middlestone-400: #b49a75;
--color-middlestone-500: #9e8157;
--color-middlestone-600: #866d4a;
--color-middlestone-700: #6b573b;
--color-middlestone-800: #4f3f2a;
--color-middlestone-900: #372c1c;
--color-middlestone-950: #22190c;
}SCSS
$middlestone: #c7ab84;
$middlestone-rgb: 199, 171, 132;
$middlestone-light: mix(#fff, $middlestone, 20%);
$middlestone-dark: mix(#000, $middlestone, 20%);
.element {
color: $middlestone;
box-shadow: 0 0 0 2px rgba($middlestone, 0.35);
}