Adlandırılmış renk · #95986B
Guacamole
Guacamole, #95986B: rgb(149 152 107), hsl(64 18% 51%), oklch(0.666 0.063 111.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Guacamole color name →
#95986B
oklch(0.666 0.063 111.2)
Renk dönüşümleri
- HEX
- #95986b
- RGB
- rgb(149 152 107)
- HSL
- hsl(64 18% 51%)
- HWB
- hwb(64 42% 40%)
- OKLCH
- oklch(0.666 0.063 111.2)
- OKLab
- oklab(0.666 -0.023 0.059)
- CIE Lab
- lab(61.73 -6.72 23.38)
- LCH
- lch(61.73 24.33 106)
- CMYK
- cmyk(2% 0% 30% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9FA279
- A9AC88
- B4B696
- BEC0A5
- C9CBB4
- D3D5C2
- DEDFD1
- E9EAE0
- F4F4F0
Koyu tonlar
- 81845C
- 6D704E
- 5A5C3F
- 484A32
- 373825
- 262718
- 16170D
- 080804
- 010100
Gri tonlar
- 93966D
- 919370
- 8F9172
- 8C8F74
- 8A8C76
- 888A79
- 86877A
- 84857C
- 82827E
Renk uyumları
Tamamlayıcı +180°
- 95986B
Guacamole
- 948EB8
≈ Brave Purple
Analog -30° +30°
- 95986B
Guacamole
- A89068
≈ Rattan Basket
- 7F9E7A
≈ Green Grey
Üçlü +120° +240°
- 95986B
Guacamole
- 6C9BB4
≈ Yacht Blue
- B38498
≈ Nuisette
Bölünmüş tamamlayıcı +150° +210°
- 95986B
Guacamole
- 7E95BB
≈ Ocean City
- A688AC
≈ Violet Eclipse
Dörtlü +90° +180° +270°
- 95986B
Guacamole
- 64A0A4
≈ Meadowbrook
- 948EB8
≈ Brave Purple
- B88583
≈ Bashful Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.00:1 · APCA Lc 57
Ag
AASiyah üzerinde
WCAG 6.98:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 6.98:1 (AA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--guacamole: #95986b;
--guacamole-rgb: 149 152 107;
--guacamole-oklch: oklch(0.666 0.063 111.2);
}
.element {
color: var(--guacamole);
background-color: hsl(64 18% 51%);
border-color: oklch(0.666 0.063 111.2);
}Tailwind CSS v4
@theme {
--color-guacamole: #95986b;
--color-guacamole-50: #f5f7e3;
--color-guacamole-100: #e7ebd3;
--color-guacamole-200: #d4d8b9;
--color-guacamole-300: #b7bb97;
--color-guacamole-400: #9fa277;
--color-guacamole-500: #878a59;
--color-guacamole-600: #73754c;
--color-guacamole-700: #5c5e3c;
--color-guacamole-800: #44442b;
--color-guacamole-900: #2f2f1d;
--color-guacamole-950: #1b1c0d;
}SCSS
$guacamole: #95986b;
$guacamole-rgb: 149, 152, 107;
$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);
}