لون مسمّى · #0F4645
Cyprus
Cyprus هو #0F4645: rgb(15 70 69)، hsl(179 65% 17%)، oklch(0.36 0.055 193.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Teal mean? → · Cyprus color name →
#0F4645
oklch(0.36 0.055 193.2)
تحويلات الألوان
- HEX
- #0f4645
- RGB
- rgb(15 70 69)
- HSL
- hsl(179 65% 17%)
- HWB
- hwb(179 6% 73%)
- OKLCH
- oklch(0.36 0.055 193.2)
- OKLab
- oklab(0.36 -0.053 -0.013)
- CIE Lab
- lab(26.33 -18.18 -4.79)
- LCH
- lch(26.33 18.8 194.8)
- CMYK
- cmyk(79% 0% 1% 73%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 2A5756
- 416867
- 587A78
- 6E8C8A
- 869E9D
- 9DB1B0
- B5C4C3
- CDD7D7
- E6EBEB
درجات داكنة
- 0B3C3B
- 083231
- 052827
- 031E1E
- 021515
- 010D0C
- 000505
- 000202
- 000000
درجات رمادية
- 1F4C4B
- 2B5150
- 365756
- 415D5C
- 4C6362
- 566968
- 616E6E
- 6B7474
- 767A7A
تناسق الألوان
متمم +180°
- 0F4645
Cyprus
- 563135
≈ Mid Century
متجاور -30° +30°
- 0F4645
Cyprus
- 1E4635
≈ Sherwood Green
- 164352
≈ Cold and Dark
ثلاثي +120° +240°
- 0F4645
Cyprus
- 473452
≈ Oregon Grape
- 4E381A
≈ Café Noir
متمم منقسم +150° +210°
- 0F4645
Cyprus
- 513145
≈ Loulou
- 553325
≈ Wild Boar
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 10.59:1 · APCA Lc 94
Ag
Failعلى الأسود
WCAG 1.98:1 · APCA Lc 8
أفضل لون للنص: #FFFFFF
WCAG 10.59:1 (AAA) · APCA Lc 94
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cyprus: #0f4645;
--cyprus-rgb: 15 70 69;
--cyprus-oklch: oklch(0.36 0.055 193.2);
}
.element {
color: var(--cyprus);
background-color: hsl(179 65% 17%);
border-color: oklch(0.36 0.055 193.2);
}Tailwind CSS v4
@theme {
--color-cyprus: #0f4645;
--color-cyprus-50: #e4fafa;
--color-cyprus-100: #d4eeed;
--color-cyprus-200: #badcdb;
--color-cyprus-300: #97c1c0;
--color-cyprus-400: #78a9a7;
--color-cyprus-500: #599290;
--color-cyprus-600: #4c7b7a;
--color-cyprus-700: #3c6362;
--color-cyprus-800: #2b4947;
--color-cyprus-900: #1d3231;
--color-cyprus-950: #0d1e1d;
}SCSS
$cyprus: #0f4645;
$cyprus-rgb: 15, 70, 69;
$cyprus-light: mix(#fff, $cyprus, 20%);
$cyprus-dark: mix(#000, $cyprus, 20%);
.element {
color: $cyprus;
box-shadow: 0 0 0 2px rgba($cyprus, 0.35);
}