Adlandırılmış renk · #903E2F
Carmen Miranda
Carmen Miranda, #903E2F: rgb(144 62 47), hsl(9 51% 37%), oklch(0.47 0.115 32.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Carmen Miranda color name →
#903E2F
oklch(0.47 0.115 32.1)
Renk dönüşümleri
- HEX
- #903e2f
- RGB
- rgb(144 62 47)
- HSL
- hsl(9 51% 37%)
- HWB
- hwb(9 18% 44%)
- OKLCH
- oklch(0.47 0.115 32.1)
- OKLab
- oklab(0.47 0.097 0.061)
- CIE Lab
- lab(37.54 34.65 26.9)
- LCH
- lch(37.54 43.87 37.8)
- CMYK
- cmyk(0% 57% 67% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9C5143
- A86456
- B4776A
- C08A7E
- CB9D93
- D6B0A8
- E0C3BD
- EBD7D3
- F5EBE9
Koyu tonlar
- 7D3527
- 6A2B20
- 572319
- 451A12
- 34120C
- 240A06
- 150403
- 070101
- 010000
Gri tonlar
- 904638
- 8F4D40
- 8E5448
- 8D5B50
- 8B6158
- 8A6760
- 886E68
- 867470
- 837A78
Renk uyumları
Tamamlayıcı +180°
- 903E2F
Carmen Miranda
- 006776
≈ Bankson Lake
Analog -30° +30°
- 903E2F
Carmen Miranda
- 8D3B56
≈ Quinacridone Magenta
- 854A00
≈ Dried Mustard
Üçlü +120° +240°
- 903E2F
Carmen Miranda
- 146D39
≈ Column of Oak Green
- 45549B
≈ Nuthatch Back
Bölünmüş tamamlayıcı +150° +210°
- 903E2F
Carmen Miranda
- 006A5F
≈ Evergreen Forest
- 006094
≈ Hyper Blue
Dörtlü +90° +180° +270°
- 903E2F
Carmen Miranda
- 506400
≈ Serrano Pepper
- 006776
≈ Bankson Lake
- 674990
≈ Lords of the Night
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.20:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.91:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.20:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--carmen-miranda: #903e2f;
--carmen-miranda-rgb: 144 62 47;
--carmen-miranda-oklch: oklch(0.47 0.115 32.1);
}
.element {
color: var(--carmen-miranda);
background-color: hsl(9 51% 37%);
border-color: oklch(0.47 0.115 32.1);
}Tailwind CSS v4
@theme {
--color-carmen-miranda: #903e2f;
--color-carmen-miranda-50: #ffeae0;
--color-carmen-miranda-100: #ffdbcf;
--color-carmen-miranda-200: #ffc3b4;
--color-carmen-miranda-300: #eca290;
--color-carmen-miranda-400: #d98473;
--color-carmen-miranda-500: #c66654;
--color-carmen-miranda-600: #a85748;
--color-carmen-miranda-700: #874639;
--color-carmen-miranda-800: #64322a;
--color-carmen-miranda-900: #46221c;
--color-carmen-miranda-950: #2e110c;
}SCSS
$carmen-miranda: #903e2f;
$carmen-miranda-rgb: 144, 62, 47;
$carmen-miranda-light: mix(#fff, $carmen-miranda, 20%);
$carmen-miranda-dark: mix(#000, $carmen-miranda, 20%);
.element {
color: $carmen-miranda;
box-shadow: 0 0 0 2px rgba($carmen-miranda, 0.35);
}