Adlandırılmış renk · #AE8774
Café Renversé
Café Renversé, #AE8774: rgb(174 135 116), hsl(20 26% 57%), oklch(0.656 0.055 47.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Café Renversé color name →
#AE8774
oklch(0.656 0.055 47.2)
Renk dönüşümleri
- HEX
- #ae8774
- RGB
- rgb(174 135 116)
- HSL
- hsl(20 26% 57%)
- HWB
- hwb(20 45% 32%)
- OKLCH
- oklch(0.656 0.055 47.2)
- OKLab
- oklab(0.656 0.038 0.041)
- CIE Lab
- lab(59.75 13.38 16.27)
- LCH
- lch(59.75 21.06 50.6)
- CMYK
- cmyk(0% 22% 33% 32%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B69381
- BE9E8F
- C6AA9C
- CFB6AA
- D7C2B8
- DFCEC6
- E7DAD4
- EFE6E2
- F7F3F0
Koyu tonlar
- 977564
- 806354
- 6A5145
- 554137
- 413129
- 2E211B
- 1C130F
- 0B0605
- 010101
Gri tonlar
- AA8675
- A58677
- A08578
- 9C8479
- 97847A
- 93837C
- 8E827D
- 89827E
- 85817F
Renk uyumları
Tamamlayıcı +180°
- AE8774
Café Renversé
- 6D98AB
≈ Smoky Blue
Analog -30° +30°
- AE8774
Café Renversé
- B08485
≈ Rose Dawn
- A48D6B
≈ Tan 686A
Üçlü +120° +240°
- AE8774
Café Renversé
- 709C8A
≈ Peahen
- 8E8CB2
≈ Persian Violet
Bölünmüş tamamlayıcı +150° +210°
- AE8774
Café Renversé
- 689C9D
≈ Palmetto
- 7C92B3
≈ Celestial Horizon
Dörtlü +90° +180° +270°
- AE8774
Café Renversé
- 819978
≈ Eat Your Peas
- 6D98AB
≈ Smoky Blue
- 9F87A8
≈ Wonder Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.22:1 · APCA Lc 59
Ag
AASiyah üzerinde
WCAG 6.51:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.51:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--cafe-renverse: #ae8774;
--cafe-renverse-rgb: 174 135 116;
--cafe-renverse-oklch: oklch(0.656 0.055 47.2);
}
.element {
color: var(--cafe-renverse);
background-color: hsl(20 26% 57%);
border-color: oklch(0.656 0.055 47.2);
}Tailwind CSS v4
@theme {
--color-cafe-renverse: #ae8774;
--color-cafe-renverse-50: #fff1e8;
--color-cafe-renverse-100: #f8e3d8;
--color-cafe-renverse-200: #e9cec0;
--color-cafe-renverse-300: #d0b09f;
--color-cafe-renverse-400: #bb9583;
--color-cafe-renverse-500: #a57b67;
--color-cafe-renverse-600: #8c6857;
--color-cafe-renverse-700: #705345;
--color-cafe-renverse-800: #533c32;
--color-cafe-renverse-900: #3a2a22;
--color-cafe-renverse-950: #241711;
}SCSS
$cafe-renverse: #ae8774;
$cafe-renverse-rgb: 174, 135, 116;
$cafe-renverse-light: mix(#fff, $cafe-renverse, 20%);
$cafe-renverse-dark: mix(#000, $cafe-renverse, 20%);
.element {
color: $cafe-renverse;
box-shadow: 0 0 0 2px rgba($cafe-renverse, 0.35);
}