أقرب لون مسمّى · #71BEBF
#71BEBF
أقرب لون مسمّى: Castaway
#71BEBF (rgb(113 190 191)، hsl(181 38% 60%)، oklch(0.752 0.076 196.7)) أقرب إلى اللون المسمّى Castaway. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#71BEBF
oklch(0.752 0.076 196.7)
تحويلات الألوان
- HEX
- #71bebf
- RGB
- rgb(113 190 191)
- HSL
- hsl(181 38% 60%)
- HWB
- hwb(181 44% 25%)
- OKLCH
- oklch(0.752 0.076 196.7)
- OKLab
- oklab(0.752 -0.073 -0.022)
- CIE Lab
- lab(72.06 -24.65 -8.41)
- LCH
- lch(72.06 26.05 198.8)
- CMYK
- cmyk(41% 1% 0% 25%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 81C5C5
- 8FCBCC
- 9ED2D2
- ACD8D8
- BADFDF
- C8E5E5
- D6ECEC
- E4F2F2
- F1F9F8
درجات داكنة
- 61A5A6
- 528C8D
- 437575
- 355E5E
- 274848
- 1A3333
- 0E1F1F
- 040D0D
- 010202
درجات رمادية
- 74B8B9
- 77B1B2
- 79ABAC
- 7BA5A5
- 7C9F9F
- 7D9999
- 7E9292
- 7F8C8C
- 808686
تناسق الألوان
متمم +180°
- 71BEBF
Castaway
- DB9B9E
≈ Blushing Bud
متجاور -30° +30°
- 71BEBF
Castaway
- 7EBFA4
≈ Celadon Porcelain
- 79B9D4
≈ Blue Chrysocolla
ثلاثي +120° +240°
- 71BEBF
Castaway
- C2A0CF
≈ Lilac Lace
- CAA977
≈ Balsam Brown
متمم منقسم +150° +210°
- 71BEBF
Castaway
- D39BB8
≈ Sweet Perfume
- D8A085
≈ Orange Maple
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.13:1 · APCA Lc 42
Ag
AAAعلى الأسود
WCAG 9.81:1 · APCA Lc 60
أفضل لون للنص: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--castaway: #71bebf;
--castaway-rgb: 113 190 191;
--castaway-oklch: oklch(0.752 0.076 196.7);
}
.element {
color: var(--castaway);
background-color: hsl(181 38% 60%);
border-color: oklch(0.752 0.076 196.7);
}Tailwind CSS v4
@theme {
--color-castaway: #71bebf;
--color-castaway-50: #ddfcfd;
--color-castaway-100: #cbf0f1;
--color-castaway-200: #afdfe0;
--color-castaway-300: #88c4c6;
--color-castaway-400: #65adae;
--color-castaway-500: #3d9697;
--color-castaway-600: #357f80;
--color-castaway-700: #2a6566;
--color-castaway-800: #1d4b4a;
--color-castaway-900: #133434;
--color-castaway-950: #051f1f;
}SCSS
$castaway: #71bebf;
$castaway-rgb: 113, 190, 191;
$castaway-light: mix(#fff, $castaway, 20%);
$castaway-dark: mix(#000, $castaway, 20%);
.element {
color: $castaway;
box-shadow: 0 0 0 2px rgba($castaway, 0.35);
}