Adlandırılmış renk · #A59C9B
Boiling Mud
Boiling Mud, #A59C9B: rgb(165 156 155), hsl(6 5% 63%), oklch(0.7 0.011 25.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Boiling Mud color name →
#A59C9B
oklch(0.7 0.011 25.1)
Renk dönüşümleri
- HEX
- #a59c9b
- RGB
- rgb(165 156 155)
- HSL
- hsl(6 5% 63%)
- HWB
- hwb(6 61% 35%)
- OKLCH
- oklch(0.7 0.011 25.1)
- OKLab
- oklab(0.7 0.01 0.005)
- CIE Lab
- lab(65.11 3.26 1.76)
- LCH
- lch(65.11 3.71 28.4)
- CMYK
- cmyk(0% 5% 6% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AEA5A5
- B6AFAE
- BFB9B8
- C8C3C2
- D1CCCC
- DAD6D6
- E3E0E0
- ECEBEA
- F6F5F5
Koyu tonlar
- 8F8786
- 797372
- 655F5E
- 514C4B
- 3D3939
- 2B2828
- 1A1818
- 0A0909
- 010101
Gri tonlar
- A19998
- 9D9696
- 9A9493
- 969190
- 928E8D
- 8F8B8B
- 8B8888
- 878685
- 848383
Renk uyumları
Tamamlayıcı +180°
- A59C9B
Boiling Mud
- 97A0A2
≈ UFO
Analog -30° +30°
- A59C9B
Boiling Mud
- A49C9F
≈ Boiling Mud
- A49D98
≈ Warm Granite
Üçlü +120° +240°
- A59C9B
Boiling Mud
- 9AA09A
≈ Native Flora
- 9B9EA5
≈ Smokey Stone
Bölünmüş tamamlayıcı +150° +210°
- A59C9B
Boiling Mud
- 98A19E
≈ Dusty Dream
- 98A0A4
≈ UFO
Dörtlü +90° +180° +270°
- A59C9B
Boiling Mud
- 9E9F98
≈ Wet Pavement
- 97A0A2
≈ UFO
- 9F9DA5
≈ Silver Sconce
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.68:1 · APCA Lc 52
Ag
AAASiyah üzerinde
WCAG 7.82:1 · APCA Lc 50
En iyi metin rengi: #000000
WCAG 7.82:1 (AAA) · APCA Lc 50
Contrast pairs
Kod parçacıkları
CSS
:root {
--boiling-mud: #a59c9b;
--boiling-mud-rgb: 165 156 155;
--boiling-mud-oklch: oklch(0.7 0.011 25.1);
}
.element {
color: var(--boiling-mud);
background-color: hsl(6 5% 63%);
border-color: oklch(0.7 0.011 25.1);
}Tailwind CSS v4
@theme {
--color-boiling-mud: #a59c9b;
--color-boiling-mud-50: #f8f4f3;
--color-boiling-mud-100: #ebe6e6;
--color-boiling-mud-200: #d9d3d2;
--color-boiling-mud-300: #bdb5b4;
--color-boiling-mud-400: #a59c9b;
--color-boiling-mud-500: #8d8483;
--color-boiling-mud-600: #776f6e;
--color-boiling-mud-700: #605958;
--color-boiling-mud-800: #464141;
--color-boiling-mud-900: #302d2c;
--color-boiling-mud-950: #1d1a1a;
}SCSS
$boiling-mud: #a59c9b;
$boiling-mud-rgb: 165, 156, 155;
$boiling-mud-light: mix(#fff, $boiling-mud, 20%);
$boiling-mud-dark: mix(#000, $boiling-mud, 20%);
.element {
color: $boiling-mud;
box-shadow: 0 0 0 2px rgba($boiling-mud, 0.35);
}