لون مسمّى · #3B5964
Cadet Song
Cadet Song هو #3B5964: rgb(59 89 100)، hsl(196 26% 31%)، oklch(0.445 0.04 222.9). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Cyan mean? → · Cadet Song color name →
#3B5964
oklch(0.445 0.04 222.9)
تحويلات الألوان
- HEX
- #3b5964
- RGB
- rgb(59 89 100)
- HSL
- hsl(196 26% 31%)
- HWB
- hwb(196 23% 61%)
- OKLCH
- oklch(0.445 0.04 222.9)
- OKLab
- oklab(0.445 -0.029 -0.027)
- CIE Lab
- lab(35.81 -9.13 -10.09)
- LCH
- lch(35.81 13.61 227.9)
- CMYK
- cmyk(41% 11% 0% 61%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4D6872
- 5F7881
- 728890
- 85989F
- 99A8AE
- ACB9BE
- C1CACE
- D5DCDE
- EAEDEE
درجات داكنة
- 324C56
- 294048
- 21343B
- 19282E
- 111D22
- 091316
- 04090B
- 010303
- 000000
درجات رمادية
- 425D67
- 49616A
- 50656C
- 57696F
- 5E6C72
- 657075
- 6B7478
- 72787A
- 797C7D
تناسق الألوان
متمم +180°
- 3B5964
Cadet Song
- 674D42
≈ Connaisseur
متجاور -30° +30°
- 3B5964
Cadet Song
- 395B5A
≈ Royal Pine
- 44556A
≈ Inkjet
ثلاثي +120° +240°
- 3B5964
Cadet Song
- 644B5A
≈ Berry Wine
- 58553B
≈ Danger Ridge
متمم منقسم +150° +210°
- 3B5964
Cadet Song
- 684B4E
≈ Flamboyant Plum
- 62513B
≈ Corral
رباعي +90° +180° +270°
- 3B5964
Cadet Song
- 5C4E64
≈ Muscat Grape
- 674D42
≈ Connaisseur
- 4B5942
≈ Cayman Green
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.50:1 · APCA Lc 86
Ag
Failعلى الأسود
WCAG 2.79:1 · APCA Lc 16
أفضل لون للنص: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--cadet-song: #3b5964;
--cadet-song-rgb: 59 89 100;
--cadet-song-oklch: oklch(0.445 0.04 222.9);
}
.element {
color: var(--cadet-song);
background-color: hsl(196 26% 31%);
border-color: oklch(0.445 0.04 222.9);
}Tailwind CSS v4
@theme {
--color-cadet-song: #3b5964;
--color-cadet-song-50: #eaf8fe;
--color-cadet-song-100: #dbebf2;
--color-cadet-song-200: #c3d8e1;
--color-cadet-song-300: #a3bcc7;
--color-cadet-song-400: #86a4b0;
--color-cadet-song-500: #6a8c9a;
--color-cadet-song-600: #5a7782;
--color-cadet-song-700: #475f68;
--color-cadet-song-800: #33464c;
--color-cadet-song-900: #233035;
--color-cadet-song-950: #121c20;
}SCSS
$cadet-song: #3b5964;
$cadet-song-rgb: 59, 89, 100;
$cadet-song-light: mix(#fff, $cadet-song, 20%);
$cadet-song-dark: mix(#000, $cadet-song, 20%);
.element {
color: $cadet-song;
box-shadow: 0 0 0 2px rgba($cadet-song, 0.35);
}