لون مسمّى · #E2CDB1
Crimini Mushroom
Crimini Mushroom هو #E2CDB1: rgb(226 205 177)، hsl(34 46% 79%)، oklch(0.858 0.044 75). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Crimini Mushroom color name →
#E2CDB1
oklch(0.858 0.044 75)
تحويلات الألوان
- HEX
- #e2cdb1
- RGB
- rgb(226 205 177)
- HSL
- hsl(34 46% 79%)
- HWB
- hwb(34 69% 11%)
- OKLCH
- oklch(0.858 0.044 75)
- OKLab
- oklab(0.858 0.011 0.043)
- CIE Lab
- lab(83.63 4.36 16.81)
- LCH
- lch(83.63 17.36 75.5)
- CMYK
- cmyk(0% 9% 22% 11%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E5D2B9
- E8D7C0
- EBDCC8
- EEE1D0
- F1E6D8
- F3EBE0
- F6F0E7
- F9F5EF
- FCFAF7
درجات داكنة
- C4B299
- A89883
- 8C7E6C
- 716657
- 574E42
- 3E382F
- 27231C
- 120F0C
- 030201
درجات رمادية
- D8C5AC
- CEBDA7
- C4B5A2
- BAAE9D
- B0A698
- A69E94
- 9C968F
- 938F8A
- 898785
تناسق الألوان
متمم +180°
- E2CDB1
Crimini Mushroom
- BED3EE
≈ Summer Birthday
متجاور -30° +30°
- E2CDB1
Crimini Mushroom
- EBC8B9
≈ Renaissance Fresco
- D4D3B2
≈ Orinoco
ثلاثي +120° +240°
- E2CDB1
Crimini Mushroom
- B0DAD9
≈ Rivers Edge
- DCC8E5
≈ Syrian Violet
متمم منقسم +150° +210°
- E2CDB1
Crimini Mushroom
- B2D7E7
≈ Blue Refrain
- CDCDED
≈ Miami White
رباعي +90° +180° +270°
- E2CDB1
Crimini Mushroom
- B7DAC9
≈ Dusty Aqua
- BED3EE
≈ Summer Birthday
- E7C5D7
≈ Favourite Lady
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.54:1 · APCA Lc 25
Ag
AAAعلى الأسود
WCAG 13.60:1 · APCA Lc 78
أفضل لون للنص: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--crimini-mushroom: #e2cdb1;
--crimini-mushroom-rgb: 226 205 177;
--crimini-mushroom-oklch: oklch(0.858 0.044 75);
}
.element {
color: var(--crimini-mushroom);
background-color: hsl(34 46% 79%);
border-color: oklch(0.858 0.044 75);
}Tailwind CSS v4
@theme {
--color-crimini-mushroom: #e2cdb1;
--color-crimini-mushroom-50: #fcf4e7;
--color-crimini-mushroom-100: #f0e6d8;
--color-crimini-mushroom-200: #dfd2c0;
--color-crimini-mushroom-300: #c4b59f;
--color-crimini-mushroom-400: #ae9b82;
--color-crimini-mushroom-500: #988266;
--color-crimini-mushroom-600: #806e56;
--color-crimini-mushroom-700: #675845;
--color-crimini-mushroom-800: #4c4031;
--color-crimini-mushroom-900: #352c22;
--color-crimini-mushroom-950: #201911;
}SCSS
$crimini-mushroom: #e2cdb1;
$crimini-mushroom-rgb: 226, 205, 177;
$crimini-mushroom-light: mix(#fff, $crimini-mushroom, 20%);
$crimini-mushroom-dark: mix(#000, $crimini-mushroom, 20%);
.element {
color: $crimini-mushroom;
box-shadow: 0 0 0 2px rgba($crimini-mushroom, 0.35);
}