Adlandırılmış renk · #A0450E
Powdered Coffee
Powdered Coffee, #A0450E: rgb(160 69 14), hsl(23 84% 34%), oklch(0.503 0.135 45.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Powdered Coffee color name →
#A0450E
oklch(0.503 0.135 45.6)
Renk dönüşümleri
- HEX
- #a0450e
- RGB
- rgb(160 69 14)
- HSL
- hsl(23 84% 34%)
- HWB
- hwb(23 5% 37%)
- OKLCH
- oklch(0.503 0.135 45.6)
- OKLab
- oklab(0.503 0.095 0.097)
- CIE Lab
- lab(41.4 36.67 47.8)
- LCH
- lch(41.4 60.25 52.5)
- CMYK
- cmyk(0% 57% 91% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AB582E
- B66B47
- C07D5E
- CA8F74
- D4A28B
- DDB4A2
- E6C6B8
- EFD9D0
- F7ECE7
Koyu tonlar
- 8B3B0B
- 763107
- 612705
- 4E1E03
- 3B1502
- 290C01
- 190500
- 090200
- 010000
Gri tonlar
- 9E4C22
- 9C532F
- 995A3B
- 966046
- 936650
- 906B5A
- 8D7164
- 89766D
- 857B77
Renk uyumları
Tamamlayıcı +180°
- A0450E
Powdered Coffee
- 006F8D
≈ Seaport
Analog -30° +30°
- A0450E
Powdered Coffee
- A33C4A
≈ Eternal Flame
- 865A00
≈ Soil of Avagddu
Üçlü +120° +240°
- A0450E
Powdered Coffee
- 007756
≈ Victoria Peak
- 5F55AD
≈ Yuè Guāng Lán Moonlight
Bölünmüş tamamlayıcı +150° +210°
- A0450E
Powdered Coffee
- 007374
≈ Natural Instinct Green
- 2764AF
≈ Rainbow Bright
Dörtlü +90° +180° +270°
- A0450E
Powdered Coffee
- 3E7417
≈ Forest Empress
- 006F8D
≈ Seaport
- 814898
≈ Purple Pleasures
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.26:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.35:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.26:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--powdered-coffee: #a0450e;
--powdered-coffee-rgb: 160 69 14;
--powdered-coffee-oklch: oklch(0.503 0.135 45.6);
}
.element {
color: var(--powdered-coffee);
background-color: hsl(23 84% 34%);
border-color: oklch(0.503 0.135 45.6);
}Tailwind CSS v4
@theme {
--color-powdered-coffee: #a0450e;
--color-powdered-coffee-50: #ffead4;
--color-powdered-coffee-100: #ffdbc2;
--color-powdered-coffee-200: #ffc3a2;
--color-powdered-coffee-300: #f0a27a;
--color-powdered-coffee-400: #df8357;
--color-powdered-coffee-500: #cd642d;
--color-powdered-coffee-600: #ad5528;
--color-powdered-coffee-700: #8b4420;
--color-powdered-coffee-800: #683017;
--color-powdered-coffee-900: #49210f;
--color-powdered-coffee-950: #301003;
}SCSS
$powdered-coffee: #a0450e;
$powdered-coffee-rgb: 160, 69, 14;
$powdered-coffee-light: mix(#fff, $powdered-coffee, 20%);
$powdered-coffee-dark: mix(#000, $powdered-coffee, 20%);
.element {
color: $powdered-coffee;
box-shadow: 0 0 0 2px rgba($powdered-coffee, 0.35);
}