أقرب لون مسمّى · #238AC1
#238AC1
أقرب لون مسمّى: Forget-Me-Not
#238AC1 (rgb(35 138 193)، hsl(201 69% 45%)، oklch(0.603 0.122 238.1)) أقرب إلى اللون المسمّى Forget-Me-Not. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#238AC1
oklch(0.603 0.122 238.1)
تحويلات الألوان
- HEX
- #238ac1
- RGB
- rgb(35 138 193)
- HSL
- hsl(201 69% 45%)
- HWB
- hwb(201 14% 24%)
- OKLCH
- oklch(0.603 0.122 238.1)
- OKLab
- oklab(0.603 -0.065 -0.104)
- CIE Lab
- lab(53.84 -14.49 -37.44)
- LCH
- lch(53.84 40.15 248.8)
- CMYK
- cmyk(82% 28% 0% 24%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4296C8
- 5AA2CE
- 70ADD5
- 85B9DB
- 9AC5E1
- AED0E8
- C2DCEE
- D6E8F3
- EBF3F9
درجات داكنة
- 1D77A7
- 17658F
- 115377
- 0C425F
- 073249
- 042234
- 011420
- 00070E
- 000102
درجات رمادية
- 3489BB
- 4189B4
- 4C88AE
- 5587A8
- 5E86A1
- 65859B
- 6D8494
- 73838E
- 7A8187
تناسق الألوان
متمم +180°
- 238AC1
Forget-Me-Not
- B66C2B
≈ Brown Alpaca
متجاور -30° +30°
- 238AC1
Forget-Me-Not
- 0092A1
≈ Jaded
- 627DCA
≈ Bodega Bay
ثلاثي +120° +240°
- 238AC1
Forget-Me-Not
- BA5F80
≈ Raspberry Parfait
- 7B8A28
≈ Sassy Grass
متمم منقسم +150° +210°
- 238AC1
Forget-Me-Not
- BF6257
≈ Too Hot to Handle
- 9F7C04
≈ Yellowish Brown
رباعي +90° +180° +270°
- 238AC1
Forget-Me-Not
- A865A6
≈ Iris Orchid
- B66C2B
≈ Brown Alpaca
- 479556
≈ Discover Deco
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.83:1 · APCA Lc 65
Ag
AAعلى الأسود
WCAG 5.47:1 · APCA Lc 36
أفضل لون للنص: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--forget-me-not: #238ac1;
--forget-me-not-rgb: 35 138 193;
--forget-me-not-oklch: oklch(0.603 0.122 238.1);
}
.element {
color: var(--forget-me-not);
background-color: hsl(201 69% 45%);
border-color: oklch(0.603 0.122 238.1);
}Tailwind CSS v4
@theme {
--color-forget-me-not: #238ac1;
--color-forget-me-not-50: #d7fbff;
--color-forget-me-not-100: #c4eeff;
--color-forget-me-not-200: #a5dcff;
--color-forget-me-not-300: #7bc0f0;
--color-forget-me-not-400: #4fa8de;
--color-forget-me-not-500: #1090cd;
--color-forget-me-not-600: #157aad;
--color-forget-me-not-700: #11618b;
--color-forget-me-not-800: #054867;
--color-forget-me-not-900: #043248;
--color-forget-me-not-950: #001e2f;
}SCSS
$forget-me-not: #238ac1;
$forget-me-not-rgb: 35, 138, 193;
$forget-me-not-light: mix(#fff, $forget-me-not, 20%);
$forget-me-not-dark: mix(#000, $forget-me-not, 20%);
.element {
color: $forget-me-not;
box-shadow: 0 0 0 2px rgba($forget-me-not, 0.35);
}