أقرب لون مسمّى · #69C9C0
#69C9C0
أقرب لون مسمّى: Cyantific
#69C9C0 (rgb(105 201 192)، hsl(174 47% 60%)، oklch(0.775 0.092 187.5)) أقرب إلى اللون المسمّى Cyantific. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#69C9C0
oklch(0.775 0.092 187.5)
تحويلات الألوان
- HEX
- #69c9c0
- RGB
- rgb(105 201 192)
- HSL
- hsl(174 47% 60%)
- HWB
- hwb(174 41% 21%)
- OKLCH
- oklch(0.775 0.092 187.5)
- OKLab
- oklab(0.775 -0.091 -0.012)
- CIE Lab
- lab(74.96 -31.37 -4.76)
- LCH
- lch(74.96 31.73 188.6)
- CMYK
- cmyk(48% 0% 4% 21%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7BCFC6
- 8BD4CC
- 9BD9D3
- AADFD9
- B8E4DF
- C7EAE5
- D5EFEC
- E3F4F2
- F1FAF9
درجات داكنة
- 5AAEA7
- 4C958E
- 3E7C76
- 31645F
- 244C49
- 183634
- 0C2220
- 040F0E
- 000202
درجات رمادية
- 6EC2B9
- 72BAB3
- 75B3AC
- 78ACA6
- 7AA49F
- 7C9D99
- 7E9693
- 7F8E8C
- 7F8786
تناسق الألوان
متمم +180°
- 69C9C0
Cyantific
- E99DAB
≈ Brandywine Spritz
متجاور -30° +30°
- 69C9C0
Cyantific
- 82C89F
≈ Foul Green
- 6BC4DD
≈ Squeaky
ثلاثي +120° +240°
- 69C9C0
Cyantific
- C6A6E4
≈ Tropical Violet
- DDAB75
≈ Sweet Cashew
متمم منقسم +150° +210°
- 69C9C0
Cyantific
- DD9FCB
≈ Rose Garden
- EAA18B
≈ Tonys Pink
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.95:1 · APCA Lc 38
Ag
AAAعلى الأسود
WCAG 10.71:1 · APCA Lc 65
أفضل لون للنص: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cyantific: #69c9c0;
--cyantific-rgb: 105 201 192;
--cyantific-oklch: oklch(0.775 0.092 187.5);
}
.element {
color: var(--cyantific);
background-color: hsl(174 47% 60%);
border-color: oklch(0.775 0.092 187.5);
}Tailwind CSS v4
@theme {
--color-cyantific: #69c9c0;
--color-cyantific-50: #d8fefb;
--color-cyantific-100: #c6f2ee;
--color-cyantific-200: #a7e2dc;
--color-cyantific-300: #7ec7c1;
--color-cyantific-400: #56b0a8;
--color-cyantific-500: #1f9a91;
--color-cyantific-600: #1f827b;
--color-cyantific-700: #196862;
--color-cyantific-800: #104d47;
--color-cyantific-900: #0b3531;
--color-cyantific-950: #00201d;
}SCSS
$cyantific: #69c9c0;
$cyantific-rgb: 105, 201, 192;
$cyantific-light: mix(#fff, $cyantific, 20%);
$cyantific-dark: mix(#000, $cyantific, 20%);
.element {
color: $cyantific;
box-shadow: 0 0 0 2px rgba($cyantific, 0.35);
}