Adlandırılmış renk · #C2AE93
Brown Bunny
Brown Bunny, #C2AE93: rgb(194 174 147), hsl(34 28% 67%), oklch(0.761 0.044 75.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Brown Bunny color name →
#C2AE93
oklch(0.761 0.044 75.3)
Renk dönüşümleri
- HEX
- #c2ae93
- RGB
- rgb(194 174 147)
- HSL
- hsl(34 28% 67%)
- HWB
- hwb(34 58% 24%)
- OKLCH
- oklch(0.761 0.044 75.3)
- OKLab
- oklab(0.761 0.011 0.042)
- CIE Lab
- lab(72.31 4.31 16.69)
- LCH
- lch(72.31 17.23 75.5)
- CMYK
- cmyk(0% 10% 24% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C8B69E
- CEBEA8
- D4C6B3
- DACEBD
- E0D6C8
- E6DED3
- EDE6DE
- F3EEE9
- F9F7F4
Koyu tonlar
- A8977F
- 8F806C
- 776A59
- 605547
- 494136
- 342E25
- 201C16
- 0E0B08
- 020101
Gri tonlar
- BBA991
- B4A58F
- AEA08E
- A79B8C
- A1978A
- 9A9288
- 938E86
- 8D8984
- 868582
Renk uyumları
Tamamlayıcı +180°
- C2AE93
Brown Bunny
- 9FB3CD
≈ Stellar Blue
Analog -30° +30°
- C2AE93
Brown Bunny
- CAA99B
≈ Tempting Taupe
- B5B394
≈ Dill Seed
Üçlü +120° +240°
- C2AE93
Brown Bunny
- 92BBBA
≈ Turner’s Light
- BCA9C5
≈ Extraordinaire
Bölünmüş tamamlayıcı +150° +210°
- C2AE93
Brown Bunny
- 94B8C7
≈ Tahoe Blue
- AEAECD
≈ Purple Freedom
Dörtlü +90° +180° +270°
- C2AE93
Brown Bunny
- 98BBAB
≈ Moncur
- 9FB3CD
≈ Stellar Blue
- C7A7B8
≈ Fragrant Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.14:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.76:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--brown-bunny: #c2ae93;
--brown-bunny-rgb: 194 174 147;
--brown-bunny-oklch: oklch(0.761 0.044 75.3);
}
.element {
color: var(--brown-bunny);
background-color: hsl(34 28% 67%);
border-color: oklch(0.761 0.044 75.3);
}Tailwind CSS v4
@theme {
--color-brown-bunny: #c2ae93;
--color-brown-bunny-50: #fcf4e8;
--color-brown-bunny-100: #f0e6d8;
--color-brown-bunny-200: #dfd2c0;
--color-brown-bunny-300: #c4b59f;
--color-brown-bunny-400: #ae9b82;
--color-brown-bunny-500: #978266;
--color-brown-bunny-600: #806e57;
--color-brown-bunny-700: #675845;
--color-brown-bunny-800: #4c4032;
--color-brown-bunny-900: #352c22;
--color-brown-bunny-950: #201911;
}SCSS
$brown-bunny: #c2ae93;
$brown-bunny-rgb: 194, 174, 147;
$brown-bunny-light: mix(#fff, $brown-bunny, 20%);
$brown-bunny-dark: mix(#000, $brown-bunny, 20%);
.element {
color: $brown-bunny;
box-shadow: 0 0 0 2px rgba($brown-bunny, 0.35);
}