Adlandırılmış renk · #A10000
Megido Red
Megido Red, #A10000: rgb(161 0 0), hsl(0 100% 32%), oklch(0.445 0.183 29.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Megido Red color name →
#A10000
oklch(0.445 0.183 29.2)
Renk dönüşümleri
- HEX
- #a10000
- RGB
- rgb(161 0 0)
- HSL
- hsl(0 100% 32%)
- HWB
- hwb(0 0% 37%)
- OKLCH
- oklch(0.445 0.183 29.2)
- OKLab
- oklab(0.445 0.159 0.089)
- CIE Lab
- lab(33.84 57.29 48.97)
- LCH
- lch(33.84 75.37 40.5)
- CMYK
- cmyk(0% 100% 100% 37%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AE3024
- B94B3E
- C56355
- CF796D
- D99084
- E2A69C
- EABCB4
- F2D2CD
- F9E8E6
Koyu tonlar
- 8B0000
- 760000
- 620000
- 4E0000
- 3C0000
- 2A0000
- 190000
- 090000
- 010000
Gri tonlar
- A02118
- 9E3127
- 9C3E33
- 9A4A3F
- 97544A
- 945E55
- 906760
- 8B6F6B
- 867875
Renk uyumları
Tamamlayıcı +180°
- A10000
Megido Red
- 005F6B
≈ Petrol
Analog -30° +30°
- A10000
Megido Red
- 9A0051
≈ Vertigo Cherry
- 7D4300
≈ Hazelnut Chocolate
Üçlü +120° +240°
- A10000
Megido Red
- 00662A
≈ Paradise Palms
- 2E44B7
≈ Denim
Bölünmüş tamamlayıcı +150° +210°
- A10000
Megido Red
- 006255
≈ Philodendron
- 005A85
≈ High Profile
Dörtlü +90° +180° +270°
- A10000
Megido Red
- 4E5B00
≈ Kyuri Green
- 005F6B
≈ Petrol
- 652FA8
≈ Royalty
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.34:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.51:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 8.34:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--megido-red: #a10000;
--megido-red-rgb: 161 0 0;
--megido-red-oklch: oklch(0.445 0.183 29.2);
}
.element {
color: var(--megido-red);
background-color: hsl(0 100% 32%);
border-color: oklch(0.445 0.183 29.2);
}Tailwind CSS v4
@theme {
--color-megido-red: #a10000;
--color-megido-red-50: #ffe3d5;
--color-megido-red-100: #ffd2c3;
--color-megido-red-200: #ffb7a4;
--color-megido-red-300: #ff917c;
--color-megido-red-400: #f76d5c;
--color-megido-red-500: #e64435;
--color-megido-red-600: #c23b2f;
--color-megido-red-700: #9c2f25;
--color-megido-red-800: #75201c;
--color-megido-red-900: #531612;
--color-megido-red-950: #370505;
}SCSS
$megido-red: #a10000;
$megido-red-rgb: 161, 0, 0;
$megido-red-light: mix(#fff, $megido-red, 20%);
$megido-red-dark: mix(#000, $megido-red, 20%);
.element {
color: $megido-red;
box-shadow: 0 0 0 2px rgba($megido-red, 0.35);
}