Adlandırılmış renk · #8C4040
Codman Claret
Codman Claret, #8C4040: rgb(140 64 64), hsl(0 37% 40%), oklch(0.47 0.104 21.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Codman Claret color name →
#8C4040
oklch(0.47 0.104 21.8)
Renk dönüşümleri
- HEX
- #8c4040
- RGB
- rgb(140 64 64)
- HSL
- hsl(0 37% 40%)
- HWB
- hwb(0 25% 45%)
- OKLCH
- oklch(0.47 0.104 21.8)
- OKLab
- oklab(0.47 0.096 0.039)
- CIE Lab
- lab(37.52 33 16.29)
- LCH
- lch(37.52 36.8 26.3)
- CMYK
- cmyk(0% 54% 54% 45%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 995351
- A56563
- B17775
- BD8A88
- C89D9B
- D4B0AE
- DFC3C2
- EAD7D6
- F4EBEA
Koyu tonlar
- 793636
- 672D2D
- 552424
- 431B1B
- 331313
- 230B0B
- 140505
- 070101
- 010000
Gri tonlar
- 8C4746
- 8B4E4D
- 8B5553
- 8A5B59
- 896260
- 886866
- 866E6D
- 857473
- 827A79
Renk uyumları
Tamamlayıcı +180°
- 8C4040
Codman Claret
- 00686E
≈ Tahitian Treat
Analog -30° +30°
- 8C4040
Codman Claret
- 864061
≈ Ancient Royal Banner
- 87481B
≈ Brown Eyed Girl
Üçlü +120° +240°
- 8C4040
Codman Claret
- 356930
≈ Radical Green
- 395995
≈ Lambent Lagoon
Bölünmüş tamamlayıcı +150° +210°
- 8C4040
Codman Claret
- 006B55
≈ Poster Green
- 006387
≈ Blue Heist
Dörtlü +90° +180° +270°
- 8C4040
Codman Claret
- 5D6000
≈ Kirchner Green
- 00686E
≈ Tahitian Treat
- 5D4F90
≈ Purple Corallite
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.18:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.92:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.18:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--codman-claret: #8c4040;
--codman-claret-rgb: 140 64 64;
--codman-claret-oklch: oklch(0.47 0.104 21.8);
}
.element {
color: var(--codman-claret);
background-color: hsl(0 37% 40%);
border-color: oklch(0.47 0.104 21.8);
}Tailwind CSS v4
@theme {
--color-codman-claret: #8c4040;
--color-codman-claret-50: #ffeae7;
--color-codman-claret-100: #ffdbd7;
--color-codman-claret-200: #fec4bf;
--color-codman-claret-300: #e8a39e;
--color-codman-claret-400: #d58583;
--color-codman-claret-500: #c16867;
--color-codman-claret-600: #a35957;
--color-codman-claret-700: #834746;
--color-codman-claret-800: #613333;
--color-codman-claret-900: #442223;
--color-codman-claret-950: #2c1112;
}SCSS
$codman-claret: #8c4040;
$codman-claret-rgb: 140, 64, 64;
$codman-claret-light: mix(#fff, $codman-claret, 20%);
$codman-claret-dark: mix(#000, $codman-claret, 20%);
.element {
color: $codman-claret;
box-shadow: 0 0 0 2px rgba($codman-claret, 0.35);
}