Adlandırılmış renk · #725042
Coffee Shop
Coffee Shop, #725042: rgb(114 80 66), hsl(17 27% 35%), oklch(0.464 0.051 43.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Coffee Shop color name →
#725042
oklch(0.464 0.051 43.3)
Renk dönüşümleri
- HEX
- #725042
- RGB
- rgb(114 80 66)
- HSL
- hsl(17 27% 35%)
- HWB
- hwb(17 26% 55%)
- OKLCH
- oklch(0.464 0.051 43.3)
- OKLab
- oklab(0.464 0.037 0.035)
- CIE Lab
- lab(37.53 13.28 14.24)
- LCH
- lch(37.53 19.47 47)
- CMYK
- cmyk(0% 30% 42% 55%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 806053
- 8D7065
- 9B8177
- A99289
- B7A49C
- C5B5AF
- D4C7C2
- E2DAD6
- F0ECEA
Koyu tonlar
- 624438
- 53392F
- 442E25
- 36241C
- 281A14
- 1B100B
- 0E0705
- 040201
- 010000
Gri tonlar
- 745548
- 755A4E
- 775E54
- 78635B
- 7A6861
- 7B6D67
- 7D726D
- 7E7673
- 7F7B7A
Renk uyumları
Tamamlayıcı +180°
- 725042
Coffee Shop
- 37606E
≈ Bermudan Blue
Analog -30° +30°
- 725042
Coffee Shop
- 734D51
≈ Madder
- 6B5539
≈ Ancient Olive
Üçlü +120° +240°
- 725042
Coffee Shop
- 3E6251
≈ Tropical Foliage
- 555675
≈ The Fang
Bölünmüş tamamlayıcı +150° +210°
- 725042
Coffee Shop
- 346261
≈ Pyrite Green
- 455B76
≈ Newburyport
Dörtlü +90° +180° +270°
- 725042
Coffee Shop
- 4E6042
≈ Bavarian
- 37606E
≈ Bermudan Blue
- 63516E
≈ Blackberry Farm
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.13:1 · APCA Lc 85
Ag
FailSiyah üzerinde
WCAG 2.94:1 · APCA Lc 17
En iyi metin rengi: #FFFFFF
WCAG 7.13:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--coffee-shop: #725042;
--coffee-shop-rgb: 114 80 66;
--coffee-shop-oklch: oklch(0.464 0.051 43.3);
}
.element {
color: var(--coffee-shop);
background-color: hsl(17 27% 35%);
border-color: oklch(0.464 0.051 43.3);
}Tailwind CSS v4
@theme {
--color-coffee-shop: #725042;
--color-coffee-shop-50: #fff1e9;
--color-coffee-shop-100: #f7e3da;
--color-coffee-shop-200: #e8cec3;
--color-coffee-shop-300: #cfb0a2;
--color-coffee-shop-400: #b99587;
--color-coffee-shop-500: #a47c6b;
--color-coffee-shop-600: #8b695b;
--color-coffee-shop-700: #6f5448;
--color-coffee-shop-800: #523d35;
--color-coffee-shop-900: #392a24;
--color-coffee-shop-950: #231713;
}SCSS
$coffee-shop: #725042;
$coffee-shop-rgb: 114, 80, 66;
$coffee-shop-light: mix(#fff, $coffee-shop, 20%);
$coffee-shop-dark: mix(#000, $coffee-shop, 20%);
.element {
color: $coffee-shop;
box-shadow: 0 0 0 2px rgba($coffee-shop, 0.35);
}