Adlandırılmış renk · #95987E
Milkweed Pod
Milkweed Pod, #95987E: rgb(149 152 126), hsl(67 11% 55%), oklch(0.67 0.037 112.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Milkweed Pod color name →
#95987E
oklch(0.67 0.037 112.8)
Renk dönüşümleri
- HEX
- #95987e
- RGB
- rgb(149 152 126)
- HSL
- hsl(67 11% 55%)
- HWB
- hwb(67 49% 40%)
- OKLCH
- oklch(0.67 0.037 112.8)
- OKLab
- oklab(0.67 -0.014 0.034)
- CIE Lab
- lab(62.05 -4.6 13.36)
- LCH
- lch(62.05 14.13 109)
- CMYK
- cmyk(2% 0% 17% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9FA28A
- A9AC97
- B4B6A3
- BEC0B0
- C9CABD
- D3D5CA
- DEDFD7
- E9EAE4
- F4F4F2
Koyu tonlar
- 81846D
- 6D705C
- 5A5C4C
- 484A3C
- 37382D
- 26271F
- 161711
- 080805
- 010101
Gri tonlar
- 93967E
- 91937F
- 8F917F
- 8C8E7F
- 8A8C7F
- 888A7F
- 868780
- 848580
- 828280
Renk uyumları
Tamamlayıcı +180°
- 95987E
Milkweed Pod
- 9591AB
≈ Cosmic Energy
Analog -30° +30°
- 95987E
Milkweed Pod
- A1947C
≈ Weather Board
- 889B87
≈ Green Clay
Üçlü +120° +240°
- 95987E
Milkweed Pod
- 7F9AA9
≈ Beach Umbrella
- A88C97
≈ Reserve
Bölünmüş tamamlayıcı +150° +210°
- 95987E
Milkweed Pod
- 8996AD
≈ Norwegian Night
- A18EA3
≈ Ancestry Violet
Dörtlü +90° +180° +270°
- 95987E
Milkweed Pod
- 7B9C9F
≈ Salt Blue
- 9591AB
≈ Cosmic Energy
- AB8D8B
≈ Mauve Day
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.97:1 · APCA Lc 56
Ag
AAASiyah üzerinde
WCAG 7.07:1 · APCA Lc 45
En iyi metin rengi: #000000
WCAG 7.07:1 (AAA) · APCA Lc 45
Contrast pairs
Kod parçacıkları
CSS
:root {
--milkweed-pod: #95987e;
--milkweed-pod-rgb: 149 152 126;
--milkweed-pod-oklch: oklch(0.67 0.037 112.8);
}
.element {
color: var(--milkweed-pod);
background-color: hsl(67 11% 55%);
border-color: oklch(0.67 0.037 112.8);
}Tailwind CSS v4
@theme {
--color-milkweed-pod: #95987e;
--color-milkweed-pod-50: #f4f7eb;
--color-milkweed-pod-100: #e7eadc;
--color-milkweed-pod-200: #d3d6c5;
--color-milkweed-pod-300: #b6baa5;
--color-milkweed-pod-400: #9ea188;
--color-milkweed-pod-500: #86896d;
--color-milkweed-pod-600: #71745c;
--color-milkweed-pod-700: #5b5d4a;
--color-milkweed-pod-800: #434435;
--color-milkweed-pod-900: #2e2f24;
--color-milkweed-pod-950: #1b1b13;
}SCSS
$milkweed-pod: #95987e;
$milkweed-pod-rgb: 149, 152, 126;
$milkweed-pod-light: mix(#fff, $milkweed-pod, 20%);
$milkweed-pod-dark: mix(#000, $milkweed-pod, 20%);
.element {
color: $milkweed-pod;
box-shadow: 0 0 0 2px rgba($milkweed-pod, 0.35);
}