لون مسمّى · #C90B42
Akari Red
Akari Red هو #C90B42: rgb(201 11 66)، hsl(343 90% 42%)، oklch(0.534 0.209 15.7). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Akari Red color name →
#C90B42
oklch(0.534 0.209 15.7)
تحويلات الألوان
- HEX
- #c90b42
- RGB
- rgb(201 11 66)
- HSL
- hsl(343 90% 42%)
- HWB
- hwb(343 4% 21%)
- OKLCH
- oklch(0.534 0.209 15.7)
- OKLab
- oklab(0.534 0.202 0.057)
- CIE Lab
- lab(43.6 67.66 25.61)
- LCH
- lch(43.6 72.35 20.7)
- CMYK
- cmyk(0% 95% 67% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D23954
- DA5466
- E26C78
- E8828A
- EE979D
- F3ACB0
- F8C1C3
- FBD6D7
- FEEAEB
درجات داكنة
- AE0838
- 95062F
- 7C0425
- 64021C
- 4C0114
- 36010B
- 220005
- 0F0001
- 020000
درجات رمادية
- C42A49
- BE3A4F
- B84755
- B2515B
- AB5B62
- A46368
- 9C6B6E
- 947374
- 8A797A
تناسق الألوان
متمم +180°
- C90B42
Akari Red
- 007D7E
≈ Tropical Waters
متجاور -30° +30°
- C90B42
Akari Red
- B91D87
≈ Loulou’s Purple
- B04900
≈ Skrag Brown
ثلاثي +120° +240°
- C90B42
Akari Red
- 3E8000
≈ Green People
- 006AD2
≈ Royal Navy Blue
متمم منقسم +150° +210°
- C90B42
Akari Red
- 00815D
≈ Spanish Viridian
- 007899
≈ Pristine Seas
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.81:1 · APCA Lc 77
Ag
Failعلى الأسود
WCAG 3.61:1 · APCA Lc 25
أفضل لون للنص: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 77
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--akari-red: #c90b42;
--akari-red-rgb: 201 11 66;
--akari-red-oklch: oklch(0.534 0.209 15.7);
}
.element {
color: var(--akari-red);
background-color: hsl(343 90% 42%);
border-color: oklch(0.534 0.209 15.7);
}Tailwind CSS v4
@theme {
--color-akari-red: #c90b42;
--color-akari-red-50: #ffdedf;
--color-akari-red-100: #ffccce;
--color-akari-red-200: #ffaeb3;
--color-akari-red-300: #ff868f;
--color-akari-red-400: #ff5d74;
--color-akari-red-500: #f02655;
--color-akari-red-600: #cb2449;
--color-akari-red-700: #a31e3a;
--color-akari-red-800: #7a132c;
--color-akari-red-900: #560c1e;
--color-akari-red-950: #3a000e;
}SCSS
$akari-red: #c90b42;
$akari-red-rgb: 201, 11, 66;
$akari-red-light: mix(#fff, $akari-red, 20%);
$akari-red-dark: mix(#000, $akari-red, 20%);
.element {
color: $akari-red;
box-shadow: 0 0 0 2px rgba($akari-red, 0.35);
}