Benannte Farbe · #275779
Royal Breeze
Royal Breeze ist #275779: rgb(39 87 121), hsl(205 51% 31%), oklch(0.44 0.077 242.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Royal Breeze color name →
#275779
oklch(0.44 0.077 242.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 3D6786
- 517793
- 6687A0
- 7B97AE
- 90A8BB
- A6B9C8
- BCCAD6
- D2DCE4
- E8EDF1
Shades
- 204B68
- 1A3E58
- 143348
- 0E2739
- 081C2B
- 04121D
- 020810
- 010305
- 000001
Tones
- 315B7A
- 3B5F7B
- 44647C
- 4D687D
- 566C7D
- 5E707E
- 67747F
- 6F787F
- 787C80
Farbharmonien
Komplementär +180°
- 275779
Royal Breeze
- 704821
≈ Monks Robe
Analog -30° +30°
- 275779
Royal Breeze
- 005D6B
≈ Hero
- 444F7D
≈ Skipper Blue
Triadisch +120° +240°
- 275779
Royal Breeze
- 753F4F
≈ Blood Rose
- 4B5926
≈ Obscure Olive
Geteilt komplementär +150° +210°
- 275779
Royal Breeze
- 774137
≈ Aged Teak
- 615118
≈ Olive Brown
Tetradisch +90° +180° +270°
- 275779
Royal Breeze
- 6B4265
≈ Sultana
- 704821
≈ Monks Robe
- 2E5E3D
≈ Emerald Temple
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.70:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.72:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.70:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
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);
}