أقرب لون مسمّى · #317676
#317676
أقرب لون مسمّى: Prismarine
#317676 (rgb(49 118 118)، hsl(180 41% 33%)، oklch(0.522 0.069 195.3)) أقرب إلى اللون المسمّى Prismarine. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#317676
oklch(0.522 0.069 195.3)
تحويلات الألوان
- HEX
- #317676
- RGB
- rgb(49 118 118)
- HSL
- hsl(180 41% 33%)
- HWB
- hwb(180 19% 54%)
- OKLCH
- oklch(0.522 0.069 195.3)
- OKLab
- oklab(0.522 -0.066 -0.018)
- CIE Lab
- lab(45.32 -22.47 -6.92)
- LCH
- lch(45.32 23.51 197.1)
- CMYK
- cmyk(58% 0% 0% 54%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 488383
- 5D9090
- 719E9D
- 85ABAB
- 99B9B8
- ADC6C6
- C1D4D4
- D6E2E2
- EAF1F1
درجات داكنة
- 296666
- 225656
- 1A4747
- 133838
- 0C2929
- 061C1C
- 030F0F
- 010505
- 000101
درجات رمادية
- 3C7777
- 457878
- 4E7979
- 567A7A
- 5D7B7B
- 657C7C
- 6C7D7D
- 737E7E
- 797F7F
تناسق الألوان
متمم +180°
- 317676
Prismarine
- 8D595D
≈ Barn Door
متجاور -30° +30°
- 317676
Prismarine
- 407660
≈ Fir
- 397288
≈ Calypso
ثلاثي +120° +240°
- 317676
Prismarine
- 795D85
≈ Mystical Purple
- 81643A
≈ Dirt Brown
متمم منقسم +150° +210°
- 317676
Prismarine
- 865972
≈ Indian Silk
- 8B5D48
≈ Spicy Mix
رباعي +90° +180° +270°
- 317676
Prismarine
- 656490
≈ Twilight Purple
- 8D595D
≈ Barn Door
- 6F6C3B
≈ Robinhood
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.27:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 3.98:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--prismarine: #317676;
--prismarine-rgb: 49 118 118;
--prismarine-oklch: oklch(0.522 0.069 195.3);
}
.element {
color: var(--prismarine);
background-color: hsl(180 41% 33%);
border-color: oklch(0.522 0.069 195.3);
}Tailwind CSS v4
@theme {
--color-prismarine: #317676;
--color-prismarine-50: #e0fcfc;
--color-prismarine-100: #ceeff0;
--color-prismarine-200: #b3dede;
--color-prismarine-300: #8ec3c4;
--color-prismarine-400: #6cacab;
--color-prismarine-500: #489594;
--color-prismarine-600: #3e7e7e;
--color-prismarine-700: #316564;
--color-prismarine-800: #224a49;
--color-prismarine-900: #173333;
--color-prismarine-950: #071f1e;
}SCSS
$prismarine: #317676;
$prismarine-rgb: 49, 118, 118;
$prismarine-light: mix(#fff, $prismarine, 20%);
$prismarine-dark: mix(#000, $prismarine, 20%);
.element {
color: $prismarine;
box-shadow: 0 0 0 2px rgba($prismarine, 0.35);
}