أقرب لون مسمّى · #55726E
#55726E
أقرب لون مسمّى: Rogue Waters
#55726E (rgb(85 114 110)، hsl(172 15% 39%)، oklch(0.528 0.034 185.7)) أقرب إلى اللون المسمّى Rogue Waters. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#55726E
oklch(0.528 0.034 185.7)
تحويلات الألوان
- HEX
- #55726e
- RGB
- rgb(85 114 110)
- HSL
- hsl(172 15% 39%)
- HWB
- hwb(172 33% 55%)
- OKLCH
- oklch(0.528 0.034 185.7)
- OKLab
- oklab(0.528 -0.034 -0.003)
- CIE Lab
- lab(45.67 -11.63 -1.39)
- LCH
- lch(45.67 11.71 186.8)
- CMYK
- cmyk(25% 0% 4% 55%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 657F7B
- 758D89
- 859A97
- 96A8A5
- A7B6B4
- B8C4C2
- C9D3D1
- DBE1E0
- EDF0F0
درجات داكنة
- 49625F
- 3D5350
- 314441
- 263633
- 1C2826
- 111B19
- 080E0E
- 020404
- 000101
درجات رمادية
- 597370
- 5E7572
- 627673
- 677875
- 6B7977
- 6F7A79
- 737C7B
- 787D7C
- 7C7F7E
تناسق الألوان
متمم +180°
- 55726E
Rogue Waters
- 7D6368
≈ Amazing Amethyst
متجاور -30° +30°
- 55726E
Rogue Waters
- 5C7163
≈ Army Canvas
- 557178
≈ Bowman Blue
ثلاثي +120° +240°
- 55726E
Rogue Waters
- 70667B
≈ Decadence
- 796857
≈ Superior Bronze
متمم منقسم +150° +210°
- 55726E
Rogue Waters
- 786473
≈ Ephemera
- 7E655E
≈ Plumburn
رباعي +90° +180° +270°
- 55726E
Rogue Waters
- 656A80
≈ Nostalgic
- 7D6368
≈ Amazing Amethyst
- 716B55
≈ Mysterious Moss
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 5.22:1 · APCA Lc 76
Ag
Failعلى الأسود
WCAG 4.01:1 · APCA Lc 26
أفضل لون للنص: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--rogue-waters: #55726e;
--rogue-waters-rgb: 85 114 110;
--rogue-waters-oklch: oklch(0.528 0.034 185.7);
}
.element {
color: var(--rogue-waters);
background-color: hsl(172 15% 39%);
border-color: oklch(0.528 0.034 185.7);
}Tailwind CSS v4
@theme {
--color-rogue-waters: #55726e;
--color-rogue-waters-50: #ebf8f7;
--color-rogue-waters-100: #dcecea;
--color-rogue-waters-200: #c5d9d7;
--color-rogue-waters-300: #a5bdba;
--color-rogue-waters-400: #88a5a1;
--color-rogue-waters-500: #6d8e89;
--color-rogue-waters-600: #5c7874;
--color-rogue-waters-700: #4a605d;
--color-rogue-waters-800: #354644;
--color-rogue-waters-900: #24312f;
--color-rogue-waters-950: #131d1b;
}SCSS
$rogue-waters: #55726e;
$rogue-waters-rgb: 85, 114, 110;
$rogue-waters-light: mix(#fff, $rogue-waters, 20%);
$rogue-waters-dark: mix(#000, $rogue-waters, 20%);
.element {
color: $rogue-waters;
box-shadow: 0 0 0 2px rgba($rogue-waters, 0.35);
}