لون مسمّى · #DD4444
Cute Crab
Cute Crab هو #DD4444: rgb(221 68 68)، hsl(0 69% 57%)، oklch(0.607 0.19 24.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Cute Crab color name →
#DD4444
oklch(0.607 0.19 24.8)
تحويلات الألوان
- HEX
- #dd4444
- RGB
- rgb(221 68 68)
- HSL
- hsl(0 69% 57%)
- HWB
- hwb(0 27% 13%)
- OKLCH
- oklch(0.607 0.19 24.8)
- OKLab
- oklab(0.607 0.172 0.08)
- CIE Lab
- lab(52.49 60.03 36.04)
- LCH
- lch(52.49 70.02 31)
- CMYK
- cmyk(0% 69% 69% 13%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E35B57
- E96F69
- EE827B
- F2958E
- F6A7A0
- F9B9B3
- FCCAC5
- FEDCD8
- FFEDEC
درجات داكنة
- C03A3A
- A43030
- 882626
- 6E1D1D
- 551414
- 3D0C0C
- 260505
- 110202
- 020000
درجات رمادية
- D54E4B
- CD5652
- C55E58
- BC645E
- B36A64
- AA6F6A
- A07470
- 967875
- 8C7C7B
تناسق الألوان
متمم +180°
- DD4444
Cute Crab
- 00949F
≈ Peacock Feather
متجاور -30° +30°
- DD4444
Cute Crab
- D34388
≈ Pink Yarrow
- C46400
≈ Alloy Orange
ثلاثي +120° +240°
- DD4444
Cute Crab
- 079E2A
≈ Linderhof Garden
- 4879F2
≈ Blue Öyster Cult
متمم منقسم +150° +210°
- DD4444
Cute Crab
- 00987E
≈ Paolo Veronese Green
- 008DC3
≈ Parrotfish Blue
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 4.21:1 · APCA Lc 68
Ag
AAعلى الأسود
WCAG 4.98:1 · APCA Lc 34
أفضل لون للنص: #000000
WCAG 4.98:1 (AA) · APCA Lc 34
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cute-crab: #dd4444;
--cute-crab-rgb: 221 68 68;
--cute-crab-oklch: oklch(0.607 0.19 24.8);
}
.element {
color: var(--cute-crab);
background-color: hsl(0 69% 57%);
border-color: oklch(0.607 0.19 24.8);
}Tailwind CSS v4
@theme {
--color-cute-crab: #dd4444;
--color-cute-crab-50: #ffe1d8;
--color-cute-crab-100: #ffd0c6;
--color-cute-crab-200: #ffb4a8;
--color-cute-crab-300: #ff8e82;
--color-cute-crab-400: #fb6863;
--color-cute-crab-500: #e93d40;
--color-cute-crab-600: #c53537;
--color-cute-crab-700: #9f2b2c;
--color-cute-crab-800: #761d21;
--color-cute-crab-900: #541316;
--color-cute-crab-950: #380407;
}SCSS
$cute-crab: #dd4444;
$cute-crab-rgb: 221, 68, 68;
$cute-crab-light: mix(#fff, $cute-crab, 20%);
$cute-crab-dark: mix(#000, $cute-crab, 20%);
.element {
color: $cute-crab;
box-shadow: 0 0 0 2px rgba($cute-crab, 0.35);
}