أقرب لون مسمّى · #004167
#004167
أقرب لون مسمّى: Poseidon
#004167 (rgb(0 65 103)، hsl(202 100% 20%)، oklch(0.361 0.087 243.1)) أقرب إلى اللون المسمّى Poseidon. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#004167
oklch(0.361 0.087 243.1)
تحويلات الألوان
- HEX
- #004167
- RGB
- rgb(0 65 103)
- HSL
- hsl(202 100% 20%)
- HWB
- hwb(202 0% 60%)
- OKLCH
- oklch(0.361 0.087 243.1)
- OKLab
- oklab(0.361 -0.04 -0.078)
- CIE Lab
- lab(25.6 -6.56 -27.9)
- LCH
- lch(25.6 28.67 256.8)
- CMYK
- cmyk(100% 37% 0% 60%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 225376
- 3B6485
- 527794
- 6A89A3
- 829CB2
- 9AAFC1
- B2C3D0
- CCD7E0
- E5EBEF
درجات داكنة
- 003759
- 002E4B
- 00253D
- 001C30
- 001323
- 000B17
- 00050C
- 000104
- 000000
درجات رمادية
- 15476A
- 244E6D
- 315470
- 3D5B72
- 486175
- 536777
- 5F6D7A
- 6A747C
- 757A7E
تناسق الألوان
متمم +180°
- 004167
Poseidon
- 5B3200
≈ Eyelash Camel
متجاور -30° +30°
- 004167
Poseidon
- 004651
≈ Midnight Green
- 2F386B
≈ Spirit Blue
ثلاثي +120° +240°
- 004167
Poseidon
- 612739
≈ Wine Country
- 354402
≈ Garden Shadow
متمم منقسم +150° +210°
- 004167
Poseidon
- 63291D
≈ Chestnut Leather
- 4B3C00
≈ Xanthophobia
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 10.75:1 · APCA Lc 94
Ag
Failعلى الأسود
WCAG 1.95:1 · APCA Lc 8
أفضل لون للنص: #FFFFFF
WCAG 10.75:1 (AAA) · APCA Lc 94
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--poseidon: #004167;
--poseidon-rgb: 0 65 103;
--poseidon-oklch: oklch(0.361 0.087 243.1);
}
.element {
color: var(--poseidon);
background-color: hsl(202 100% 20%);
border-color: oklch(0.361 0.087 243.1);
}Tailwind CSS v4
@theme {
--color-poseidon: #004167;
--color-poseidon-50: #e1f9ff;
--color-poseidon-100: #d1ecff;
--color-poseidon-200: #b6d9f8;
--color-poseidon-300: #92bde2;
--color-poseidon-400: #70a5ce;
--color-poseidon-500: #4f8dbb;
--color-poseidon-600: #43779e;
--color-poseidon-700: #365f7f;
--color-poseidon-800: #24465e;
--color-poseidon-900: #183142;
--color-poseidon-950: #091d2a;
}SCSS
$poseidon: #004167;
$poseidon-rgb: 0, 65, 103;
$poseidon-light: mix(#fff, $poseidon, 20%);
$poseidon-dark: mix(#000, $poseidon, 20%);
.element {
color: $poseidon;
box-shadow: 0 0 0 2px rgba($poseidon, 0.35);
}