لون مسمّى · #275779
Royal Breeze
Royal Breeze هو #275779: rgb(39 87 121)، hsl(205 51% 31%)، oklch(0.44 0.077 242.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Blue mean? → · Royal Breeze color name →
#275779
oklch(0.44 0.077 242.2)
تحويلات الألوان
- HEX
- #275779
- RGB
- rgb(39 87 121)
- HSL
- hsl(205 51% 31%)
- HWB
- hwb(205 15% 53%)
- OKLCH
- oklch(0.44 0.077 242.2)
- OKLab
- oklab(0.44 -0.036 -0.068)
- CIE Lab
- lab(34.89 -7.92 -24.56)
- LCH
- lch(34.89 25.81 252.1)
- CMYK
- cmyk(68% 28% 0% 53%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 3D6786
- 517793
- 6687A0
- 7B97AE
- 90A8BB
- A6B9C8
- BCCAD6
- D2DCE4
- E8EDF1
درجات داكنة
- 204B68
- 1A3E58
- 143348
- 0E2739
- 081C2B
- 04121D
- 020810
- 010305
- 000001
درجات رمادية
- 315B7A
- 3B5F7B
- 44647C
- 4D687D
- 566C7D
- 5E707E
- 67747F
- 6F787F
- 787C80
تناسق الألوان
متمم +180°
- 275779
Royal Breeze
- 704821
≈ Monks Robe
متجاور -30° +30°
- 275779
Royal Breeze
- 005D6B
≈ Hero
- 444F7D
≈ Skipper Blue
ثلاثي +120° +240°
- 275779
Royal Breeze
- 753F4F
≈ Blood Rose
- 4B5926
≈ Obscure Olive
متمم منقسم +150° +210°
- 275779
Royal Breeze
- 774137
≈ Aged Teak
- 615118
≈ Olive Brown
رباعي +90° +180° +270°
- 275779
Royal Breeze
- 6B4265
≈ Sultana
- 704821
≈ Monks Robe
- 2E5E3D
≈ Emerald Temple
التباين وإمكانية الوصول
Ag
AAAعلى الأبيض
WCAG 7.70:1 · APCA Lc 87
Ag
Failعلى الأسود
WCAG 2.72:1 · APCA Lc 16
أفضل لون للنص: #FFFFFF
WCAG 7.70:1 (AAA) · APCA Lc 87
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--royal-breeze: #275779;
--royal-breeze-rgb: 39 87 121;
--royal-breeze-oklch: oklch(0.44 0.077 242.2);
}
.element {
color: var(--royal-breeze);
background-color: hsl(205 51% 31%);
border-color: oklch(0.44 0.077 242.2);
}Tailwind CSS v4
@theme {
--color-royal-breeze: #275779;
--color-royal-breeze-50: #e3f8ff;
--color-royal-breeze-100: #d3ebff;
--color-royal-breeze-200: #b9d9f3;
--color-royal-breeze-300: #97bcdc;
--color-royal-breeze-400: #76a4c8;
--color-royal-breeze-500: #568cb5;
--color-royal-breeze-600: #4a7799;
--color-royal-breeze-700: #3b5f7a;
--color-royal-breeze-800: #28465a;
--color-royal-breeze-900: #1b303f;
--color-royal-breeze-950: #0b1d28;
}SCSS
$royal-breeze: #275779;
$royal-breeze-rgb: 39, 87, 121;
$royal-breeze-light: mix(#fff, $royal-breeze, 20%);
$royal-breeze-dark: mix(#000, $royal-breeze, 20%);
.element {
color: $royal-breeze;
box-shadow: 0 0 0 2px rgba($royal-breeze, 0.35);
}