أقرب لون مسمّى · #457E7D
#457E7D
أقرب لون مسمّى: Paradiso
#457E7D (rgb(69 126 125)، hsl(179 29% 38%)، oklch(0.554 0.06 194.1)) أقرب إلى اللون المسمّى Paradiso. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#457E7D
oklch(0.554 0.06 194.1)
تحويلات الألوان
- HEX
- #457e7d
- RGB
- rgb(69 126 125)
- HSL
- hsl(179 29% 38%)
- HWB
- hwb(179 27% 51%)
- OKLCH
- oklch(0.554 0.06 194.1)
- OKLab
- oklab(0.554 -0.058 -0.015)
- CIE Lab
- lab(48.91 -19.76 -5.63)
- LCH
- lch(48.91 20.55 195.9)
- CMYK
- cmyk(45% 0% 1% 51%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 588A89
- 6A9796
- 7DA3A2
- 8FB0AF
- A1BDBC
- B4CAC9
- C6D7D6
- D9E4E4
- ECF2F1
درجات داكنة
- 3B6D6C
- 315C5B
- 274C4B
- 1E3C3B
- 152D2C
- 0C1F1E
- 051111
- 020505
- 000101
درجات رمادية
- 4C7E7D
- 537F7E
- 597F7E
- 5F7F7E
- 657F7F
- 6B807F
- 70807F
- 76807F
- 7B8080
تناسق الألوان
متمم +180°
- 457E7D
Paradiso
- 936468
≈ Roseland
متجاور -30° +30°
- 457E7D
Paradiso
- 507E69
≈ Blackberry Leaf Green
- 4A7B8D
≈ Sky Space
ثلاثي +120° +240°
- 457E7D
Paradiso
- 80688C
≈ Nymph’s Delight
- 886E4B
≈ Dull Brown
متمم منقسم +150° +210°
- 457E7D
Paradiso
- 8C657B
≈ Sweet Violet
- 916856
≈ Rio Rust
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
AAعلى الأبيض
WCAG 4.63:1 · APCA Lc 72
Ag
AAعلى الأسود
WCAG 4.53:1 · APCA Lc 30
أفضل لون للنص: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--paradiso: #457e7d;
--paradiso-rgb: 69 126 125;
--paradiso-oklch: oklch(0.554 0.06 194.1);
}
.element {
color: var(--paradiso);
background-color: hsl(179 29% 38%);
border-color: oklch(0.554 0.06 194.1);
}Tailwind CSS v4
@theme {
--color-paradiso: #457e7d;
--color-paradiso-50: #e2fbfb;
--color-paradiso-100: #d2efee;
--color-paradiso-200: #b7dddd;
--color-paradiso-300: #94c1c1;
--color-paradiso-400: #74aaa9;
--color-paradiso-500: #539392;
--color-paradiso-600: #477c7b;
--color-paradiso-700: #386363;
--color-paradiso-800: #284948;
--color-paradiso-900: #1b3332;
--color-paradiso-950: #0b1e1e;
}SCSS
$paradiso: #457e7d;
$paradiso-rgb: 69, 126, 125;
$paradiso-light: mix(#fff, $paradiso, 20%);
$paradiso-dark: mix(#000, $paradiso, 20%);
.element {
color: $paradiso;
box-shadow: 0 0 0 2px rgba($paradiso, 0.35);
}