Adlandırılmış renk · #B38241
Waxen Moon
Waxen Moon, #B38241: rgb(179 130 65), hsl(34 47% 48%), oklch(0.642 0.102 71.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Waxen Moon color name →
#B38241
oklch(0.642 0.102 71.9)
Renk dönüşümleri
- HEX
- #b38241
- RGB
- rgb(179 130 65)
- HSL
- hsl(34 47% 48%)
- HWB
- hwb(34 25% 30%)
- OKLCH
- oklch(0.642 0.102 71.9)
- OKLab
- oklab(0.642 0.032 0.097)
- CIE Lab
- lab(58.37 14.47 42.18)
- LCH
- lch(58.37 44.6 71.1)
- CMYK
- cmyk(0% 27% 64% 30%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BB8E56
- C39B69
- CAA77C
- D2B38E
- DAC0A1
- E1CCB4
- E9D9C6
- F0E5D9
- F8F2EC
Koyu tonlar
- 9B7037
- 845F2E
- 6E4E25
- 583E1C
- 432F13
- 2F200B
- 1D1205
- 0C0601
- 010100
Gri tonlar
- AE8249
- A98251
- A48258
- 9F825F
- 9A8265
- 95826B
- 908170
- 8B8176
- 85817B
Renk uyumları
Tamamlayıcı +180°
- B38241
Waxen Moon
- 5D90C9
≈ Come Sail Away
Analog -30° +30°
- B38241
Waxen Moon
- C1775A
≈ Warm Terra Cotta
- 998F3F
≈ Jalapeño
Üçlü +120° +240°
- B38241
Waxen Moon
- 26A09D
≈ Talismanic Teal
- A27ABA
≈ Lush Lilac
Bölünmüş tamamlayıcı +150° +210°
- B38241
Waxen Moon
- 349AB9
≈ Sailfish
- 8385C9
≈ Twilight Twinkle
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.39:1 · APCA Lc 61
Ag
AASiyah üzerinde
WCAG 6.18:1 · APCA Lc 40
En iyi metin rengi: #000000
WCAG 6.18:1 (AA) · APCA Lc 40
Contrast pairs
Kod parçacıkları
CSS
:root {
--waxen-moon: #b38241;
--waxen-moon-rgb: 179 130 65;
--waxen-moon-oklch: oklch(0.642 0.102 71.9);
}
.element {
color: var(--waxen-moon);
background-color: hsl(34 47% 48%);
border-color: oklch(0.642 0.102 71.9);
}Tailwind CSS v4
@theme {
--color-waxen-moon: #b38241;
--color-waxen-moon-50: #fff2d6;
--color-waxen-moon-100: #fde4c3;
--color-waxen-moon-200: #efcea4;
--color-waxen-moon-300: #d7b07c;
--color-waxen-moon-400: #c49458;
--color-waxen-moon-500: #af7a2e;
--color-waxen-moon-600: #946729;
--color-waxen-moon-700: #775321;
--color-waxen-moon-800: #593c16;
--color-waxen-moon-900: #3e290e;
--color-waxen-moon-950: #271602;
}SCSS
$waxen-moon: #b38241;
$waxen-moon-rgb: 179, 130, 65;
$waxen-moon-light: mix(#fff, $waxen-moon, 20%);
$waxen-moon-dark: mix(#000, $waxen-moon, 20%);
.element {
color: $waxen-moon;
box-shadow: 0 0 0 2px rgba($waxen-moon, 0.35);
}