Adlandırılmış renk · #C59DAA
Fauna
Fauna, #C59DAA: rgb(197 157 170), hsl(341 26% 69%), oklch(0.736 0.05 357). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Fauna color name →
#C59DAA
oklch(0.736 0.05 357)
Renk dönüşümleri
- HEX
- #c59daa
- RGB
- rgb(197 157 170)
- HSL
- hsl(341 26% 69%)
- HWB
- hwb(341 62% 23%)
- OKLCH
- oklch(0.736 0.05 357)
- OKLab
- oklab(0.736 0.05 -0.003)
- CIE Lab
- lab(68.77 16.84 -0.83)
- LCH
- lch(68.77 16.86 357.2)
- CMYK
- cmyk(0% 20% 14% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CBA6B2
- D1B0BA
- D7BAC3
- DDC3CB
- E2CDD4
- E8D7DC
- EEE1E5
- F4EBED
- F9F5F6
Koyu tonlar
- AB8893
- 92737D
- 795F68
- 614C53
- 4B3A3F
- 35282D
- 21181B
- 0E090B
- 020101
Gri tonlar
- BE9AA6
- B797A1
- B0949D
- A99199
- A28F95
- 9B8C91
- 95898C
- 8E8688
- 878384
Renk uyumları
Tamamlayıcı +180°
- C59DAA
Fauna
- 88B5A9
≈ Silicate Green
Analog -30° +30°
- C59DAA
Fauna
- BB9FBB
≈ Tuileries Tint
- C89E99
≈ Aged Pink
Üçlü +120° +240°
- C59DAA
Fauna
- A7AE8A
≈ Filigree Green
- 8CAFC6
≈ Chilly Blue
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.39:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.77:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--fauna: #c59daa;
--fauna-rgb: 197 157 170;
--fauna-oklch: oklch(0.736 0.05 357);
}
.element {
color: var(--fauna);
background-color: hsl(341 26% 69%);
border-color: oklch(0.736 0.05 357);
}Tailwind CSS v4
@theme {
--color-fauna: #c59daa;
--color-fauna-50: #ffeff5;
--color-fauna-100: #f7e1e7;
--color-fauna-200: #e8ccd4;
--color-fauna-300: #ceadb7;
--color-fauna-400: #b8939f;
--color-fauna-500: #a27987;
--color-fauna-600: #896672;
--color-fauna-700: #6e525b;
--color-fauna-800: #513b43;
--color-fauna-900: #38292e;
--color-fauna-950: #23161b;
}SCSS
$fauna: #c59daa;
$fauna-rgb: 197, 157, 170;
$fauna-light: mix(#fff, $fauna, 20%);
$fauna-dark: mix(#000, $fauna, 20%);
.element {
color: $fauna;
box-shadow: 0 0 0 2px rgba($fauna, 0.35);
}