Adlandırılmış renk · #C8AC89
Dwarf Rabbit
Dwarf Rabbit, #C8AC89: rgb(200 172 137), hsl(33 36% 66%), oklch(0.76 0.058 73). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Dwarf Rabbit color name →
#C8AC89
oklch(0.76 0.058 73)
Renk dönüşümleri
- HEX
- #c8ac89
- RGB
- rgb(200 172 137)
- HSL
- hsl(33 36% 66%)
- HWB
- hwb(33 54% 22%)
- OKLCH
- oklch(0.76 0.058 73)
- OKLab
- oklab(0.76 0.017 0.055)
- CIE Lab
- lab(72.19 6.7 22.03)
- LCH
- lch(72.19 23.02 73.1)
- CMYK
- cmyk(0% 14% 32% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CEB495
- D3BCA0
- D9C5AC
- DECDB8
- E4D5C3
- E9DDCF
- EFE6DB
- F4EEE7
- FAF7F3
Koyu tonlar
- AE9576
- 947F64
- 7B6953
- 635442
- 4C4031
- 362D22
- 211B14
- 0F0B07
- 020101
Gri tonlar
- C1A888
- B9A388
- B29F87
- AB9A86
- A49685
- 9C9284
- 958D83
- 8E8982
- 878481
Renk uyumları
Tamamlayıcı +180°
- C8AC89
Dwarf Rabbit
- 98B4D6
≈ Echo Isles Water
Analog -30° +30°
- C8AC89
Dwarf Rabbit
- D2A694
≈ Tiffany Rose
- B7B389
≈ Powdered Sage
Üçlü +120° +240°
- C8AC89
Dwarf Rabbit
- 86BDBB
≈ Riverbed
- BEA7CC
≈ Immortal
Bölünmüş tamamlayıcı +150° +210°
- C8AC89
Dwarf Rabbit
- 89BACC
≈ Juvie
- ABADD5
≈ Melody Purple
Dörtlü +90° +180° +270°
- C8AC89
Dwarf Rabbit
- 90BDA7
≈ Lichen
- 98B4D6
≈ Echo Isles Water
- CCA3BB
≈ Exquisite
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.16:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.71:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.71:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--dwarf-rabbit: #c8ac89;
--dwarf-rabbit-rgb: 200 172 137;
--dwarf-rabbit-oklch: oklch(0.76 0.058 73);
}
.element {
color: var(--dwarf-rabbit);
background-color: hsl(33 36% 66%);
border-color: oklch(0.76 0.058 73);
}Tailwind CSS v4
@theme {
--color-dwarf-rabbit: #c8ac89;
--color-dwarf-rabbit-50: #fff3e3;
--color-dwarf-rabbit-100: #f4e6d3;
--color-dwarf-rabbit-200: #e3d1ba;
--color-dwarf-rabbit-300: #c9b497;
--color-dwarf-rabbit-400: #b49a79;
--color-dwarf-rabbit-500: #9e805b;
--color-dwarf-rabbit-600: #856d4e;
--color-dwarf-rabbit-700: #6b573e;
--color-dwarf-rabbit-800: #4f3f2c;
--color-dwarf-rabbit-900: #372b1e;
--color-dwarf-rabbit-950: #22190e;
}SCSS
$dwarf-rabbit: #c8ac89;
$dwarf-rabbit-rgb: 200, 172, 137;
$dwarf-rabbit-light: mix(#fff, $dwarf-rabbit, 20%);
$dwarf-rabbit-dark: mix(#000, $dwarf-rabbit, 20%);
.element {
color: $dwarf-rabbit;
box-shadow: 0 0 0 2px rgba($dwarf-rabbit, 0.35);
}