Adlandırılmış renk · #63403A
American Milking Devon
American Milking Devon, #63403A: rgb(99 64 58), hsl(9 26% 31%), oklch(0.41 0.05 30.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · American Milking Devon color name →
#63403A
oklch(0.41 0.05 30.1)
Renk dönüşümleri
- HEX
- #63403a
- RGB
- rgb(99 64 58)
- HSL
- hsl(9 26% 31%)
- HWB
- hwb(9 23% 61%)
- OKLCH
- oklch(0.41 0.05 30.1)
- OKLab
- oklab(0.41 0.044 0.025)
- CIE Lab
- lab(31.13 15.1 10.25)
- LCH
- lch(31.13 18.25 34.2)
- CMYK
- cmyk(0% 35% 41% 61%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 72514B
- 81635D
- 907570
- A08883
- AF9B97
- BFAEAB
- CFC2BF
- DFD6D4
- EFEAE9
Koyu tonlar
- 553631
- 472D28
- 3A2420
- 2E1B18
- 211310
- 160B09
- 0B0504
- 030101
- 000000
Gri tonlar
- 664641
- 694D47
- 6D534E
- 705955
- 72605C
- 756663
- 786C6A
- 7B7371
- 7D7979
Renk uyumları
Tamamlayıcı +180°
- 63403A
American Milking Devon
- 25525A
≈ Hidden Waters
Analog -30° +30°
- 63403A
American Milking Devon
- 613F49
≈ Catawba Grape
- 5F442E
≈ Brown Hen
Üçlü +120° +240°
- 63403A
American Milking Devon
- 36523C
≈ Goblin
- 404966
≈ Royal Wave
Bölünmüş tamamlayıcı +150° +210°
- 63403A
American Milking Devon
- 28534B
≈ Hunter
- 304E63
≈ Sovereignty
Dörtlü +90° +180° +270°
- 63403A
American Milking Devon
- 474F2F
≈ Matsuba Green
- 25525A
≈ Hidden Waters
- 4F4462
≈ Royal Indigo
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.03:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.32:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 9.03:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--american-milking-devon: #63403a;
--american-milking-devon-rgb: 99 64 58;
--american-milking-devon-oklch: oklch(0.41 0.05 30.1);
}
.element {
color: var(--american-milking-devon);
background-color: hsl(9 26% 31%);
border-color: oklch(0.41 0.05 30.1);
}Tailwind CSS v4
@theme {
--color-american-milking-devon: #63403a;
--color-american-milking-devon-50: #fff0ec;
--color-american-milking-devon-100: #f8e2dd;
--color-american-milking-devon-200: #e9cdc7;
--color-american-milking-devon-300: #d0afa7;
--color-american-milking-devon-400: #ba948d;
--color-american-milking-devon-500: #a57a72;
--color-american-milking-devon-600: #8c6761;
--color-american-milking-devon-700: #70534d;
--color-american-milking-devon-800: #533c39;
--color-american-milking-devon-900: #3a2927;
--color-american-milking-devon-950: #241715;
}SCSS
$american-milking-devon: #63403a;
$american-milking-devon-rgb: 99, 64, 58;
$american-milking-devon-light: mix(#fff, $american-milking-devon, 20%);
$american-milking-devon-dark: mix(#000, $american-milking-devon, 20%);
.element {
color: $american-milking-devon;
box-shadow: 0 0 0 2px rgba($american-milking-devon, 0.35);
}