لون مسمّى · #9B1C5D
Berry Curious
Berry Curious هو #9B1C5D: rgb(155 28 93)، hsl(329 69% 36%)، oklch(0.464 0.17 355.4). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Red mean? → · Berry Curious color name →
#9B1C5D
oklch(0.464 0.17 355.4)
تحويلات الألوان
- HEX
- #9b1c5d
- RGB
- rgb(155 28 93)
- HSL
- hsl(329 69% 36%)
- HWB
- hwb(329 11% 39%)
- OKLCH
- oklch(0.464 0.17 355.4)
- OKLab
- oklab(0.464 0.169 -0.014)
- CIE Lab
- lab(35.57 54.19 -4.41)
- LCH
- lch(35.57 54.37 355.3)
- CMYK
- cmyk(0% 82% 40% 39%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- A7396C
- B3517B
- BF678B
- C97D9A
- D492AA
- DDA8BB
- E7BDCC
- EFD3DC
- F7E9EE
درجات داكنة
- 861750
- 721243
- 5E0D37
- 4B082A
- 39051F
- 280214
- 18010A
- 090003
- 010000
درجات رمادية
- 9A2C60
- 993964
- 974467
- 954E6B
- 93576E
- 906072
- 8D6875
- 897079
- 85787C
تناسق الألوان
متمم +180°
- 9B1C5D
Berry Curious
- 006957
≈ Fresh Ivy Green
متجاور -30° +30°
- 9B1C5D
Berry Curious
- 862B8B
≈ Druchii Violet
- A31C21
≈ Red Vitality
ثلاثي +120° +240°
- 9B1C5D
Berry Curious
- 575F00
≈ Greensboro
- 006088
≈ Ink Blotch
متمم منقسم +150° +210°
- 9B1C5D
Berry Curious
- 006D1C
≈ Avagddu Green
- 00656E
≈ Wakame Green
رباعي +90° +180° +270°
- 9B1C5D
Berry Curious
- 715400
≈ Pickled Grape Leaves
- 006957
≈ Fresh Ivy Green
- 2A4FB6
≈ Apnea Dive
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.72:1 · APCA Lc 85
Ag
Failعلى الأسود
WCAG 2.71:1 · APCA Lc 17
أفضل لون للنص: #FFFFFF
WCAG 7.72:1 (AAA) · APCA Lc 85
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--berry-curious: #9b1c5d;
--berry-curious-rgb: 155 28 93;
--berry-curious-oklch: oklch(0.464 0.17 355.4);
}
.element {
color: var(--berry-curious);
background-color: hsl(329 69% 36%);
border-color: oklch(0.464 0.17 355.4);
}Tailwind CSS v4
@theme {
--color-berry-curious: #9b1c5d;
--color-berry-curious-50: #ffe2f5;
--color-berry-curious-100: #ffd1e8;
--color-berry-curious-200: #ffb6d5;
--color-berry-curious-300: #fc91b8;
--color-berry-curious-400: #e96fa3;
--color-berry-curious-500: #d7498b;
--color-berry-curious-600: #b63f76;
--color-berry-curious-700: #92335e;
--color-berry-curious-800: #6c2447;
--color-berry-curious-900: #4c1831;
--color-berry-curious-950: #32081d;
}SCSS
$berry-curious: #9b1c5d;
$berry-curious-rgb: 155, 28, 93;
$berry-curious-light: mix(#fff, $berry-curious, 20%);
$berry-curious-dark: mix(#000, $berry-curious, 20%);
.element {
color: $berry-curious;
box-shadow: 0 0 0 2px rgba($berry-curious, 0.35);
}