En yakın adlandırılmış renk · #969B75
#969B75
En yakın adlandırılmış renk: Guacamole
#969B75 (rgb(150 155 117), hsl(68 16% 53%), oklch(0.675 0.054 113.9)) en çok Guacamole adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#969B75
oklch(0.675 0.054 113.9)
Renk dönüşümleri
- HEX
- #969b75
- RGB
- rgb(150 155 117)
- HSL
- hsl(68 16% 53%)
- HWB
- hwb(68 46% 39%)
- OKLCH
- oklch(0.675 0.054 113.9)
- OKLab
- oklab(0.675 -0.022 0.049)
- CIE Lab
- lab(62.81 -6.77 19.38)
- LCH
- lch(62.81 20.53 109.3)
- CMYK
- cmyk(3% 0% 25% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A0A582
- AAAE90
- B4B89D
- BFC2AB
- C9CCB8
- D4D6C6
- DEE0D4
- E9EAE2
- F4F5F1
Koyu tonlar
- 828665
- 6E7255
- 5B5E46
- 494B37
- 373929
- 26281C
- 16180F
- 080905
- 010101
Gri tonlar
- 949876
- 919678
- 8F9379
- 8D907A
- 8B8E7B
- 898B7C
- 86887D
- 84857E
- 82837F
Renk uyumları
Tamamlayıcı +180°
- 969B75
Guacamole
- 9891B5
≈ Indifferent
Analog -30° +30°
- 969B75
Guacamole
- A79571
≈ Roycroft Suede
- 83A082
≈ Basswood Green
Üçlü +120° +240°
- 969B75
Guacamole
- 769DB3
≈ Frozen Lake
- B28A99
≈ Monastir
Bölünmüş tamamlayıcı +150° +210°
- 969B75
Guacamole
- 8697B9
≈ Periwinkle Blossom
- A88CAA
≈ Aged to Perfection
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.89:1 · APCA Lc 55
Ag
AAASiyah üzerinde
WCAG 7.24:1 · APCA Lc 46
En iyi metin rengi: #000000
WCAG 7.24:1 (AAA) · APCA Lc 46
Contrast pairs
Kod parçacıkları
CSS
:root {
--guacamole: #969b75;
--guacamole-rgb: 150 155 117;
--guacamole-oklch: oklch(0.675 0.054 113.9);
}
.element {
color: var(--guacamole);
background-color: hsl(68 16% 53%);
border-color: oklch(0.675 0.054 113.9);
}Tailwind CSS v4
@theme {
--color-guacamole: #969b75;
--color-guacamole-50: #f4f7e6;
--color-guacamole-100: #e7ead6;
--color-guacamole-200: #d3d8be;
--color-guacamole-300: #b6bb9c;
--color-guacamole-400: #9ea27e;
--color-guacamole-500: #858b61;
--color-guacamole-600: #717553;
--color-guacamole-700: #5a5e42;
--color-guacamole-800: #43442f;
--color-guacamole-900: #2e2f20;
--color-guacamole-950: #1b1c0f;
}SCSS
$guacamole: #969b75;
$guacamole-rgb: 150, 155, 117;
$guacamole-light: mix(#fff, $guacamole, 20%);
$guacamole-dark: mix(#000, $guacamole, 20%);
.element {
color: $guacamole;
box-shadow: 0 0 0 2px rgba($guacamole, 0.35);
}