Adlandırılmış renk · #969C92
Acacia Haze
Acacia Haze, #969C92: rgb(150 156 146), hsl(96 5% 59%), oklch(0.685 0.016 132.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Acacia Haze color name →
#969C92
oklch(0.685 0.016 132.5)
Renk dönüşümleri
- HEX
- #969c92
- RGB
- rgb(150 156 146)
- HSL
- hsl(96 5% 59%)
- HWB
- hwb(96 57% 39%)
- OKLCH
- oklch(0.685 0.016 132.5)
- OKLab
- oklab(0.685 -0.011 0.012)
- CIE Lab
- lab(63.64 -3.67 4.47)
- LCH
- lch(63.64 5.78 129.4)
- CMYK
- cmyk(4% 0% 6% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A0A59C
- AAAFA7
- B4B9B2
- BFC3BC
- C9CCC7
- D4D6D2
- DEE0DD
- E9EBE8
- F4F5F4
Koyu tonlar
- 82877E
- 6E736B
- 5B5F58
- 494C46
- 373935
- 262825
- 161816
- 080908
- 010101
Gri tonlar
- 949990
- 92968E
- 8F948D
- 8D918B
- 8B8E89
- 898B87
- 878885
- 848684
- 828382
Renk uyumları
Tamamlayıcı +180°
- 969C92
Acacia Haze
- 9D97A1
≈ Fortune
Analog -30° +30°
- 969C92
Acacia Haze
- 9B9A8F
≈ Hunter’s Hollow
- 919D97
≈ Singing in the Rain
Üçlü +120° +240°
- 969C92
Acacia Haze
- 939BA4
≈ Dustblu
- A39697
≈ Heather Plume
Bölünmüş tamamlayıcı +150° +210°
- 969C92
Acacia Haze
- 9899A4
≈ Angry Gargoyle
- A1969C
≈ Artist’s Shadow
Dörtlü +90° +180° +270°
- 969C92
Acacia Haze
- 909CA1
≈ Dustblu
- 9D97A1
≈ Fortune
- A39792
≈ Gustav
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.81:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.46:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.46:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--acacia-haze: #969c92;
--acacia-haze-rgb: 150 156 146;
--acacia-haze-oklch: oklch(0.685 0.016 132.5);
}
.element {
color: var(--acacia-haze);
background-color: hsl(96 5% 59%);
border-color: oklch(0.685 0.016 132.5);
}Tailwind CSS v4
@theme {
--color-acacia-haze: #969c92;
--color-acacia-haze-50: #f3f6f2;
--color-acacia-haze-100: #e6e9e4;
--color-acacia-haze-200: #d1d6cf;
--color-acacia-haze-300: #b4b9b1;
--color-acacia-haze-400: #9ba197;
--color-acacia-haze-500: #82897e;
--color-acacia-haze-600: #6e746b;
--color-acacia-haze-700: #585c55;
--color-acacia-haze-800: #40443e;
--color-acacia-haze-900: #2c2f2b;
--color-acacia-haze-950: #191b18;
}SCSS
$acacia-haze: #969c92;
$acacia-haze-rgb: 150, 156, 146;
$acacia-haze-light: mix(#fff, $acacia-haze, 20%);
$acacia-haze-dark: mix(#000, $acacia-haze, 20%);
.element {
color: $acacia-haze;
box-shadow: 0 0 0 2px rgba($acacia-haze, 0.35);
}