Benannte Farbe · #7DB5D3
Regale Blue
Regale Blue ist #7DB5D3: rgb(125 181 211), hsl(201 49% 66%), oklch(0.745 0.073 232.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Regale Blue color name →
#7DB5D3
oklch(0.745 0.073 232.4)
Farbumrechnungen
- HEX
- #7db5d3
- RGB
- rgb(125 181 211)
- HSL
- hsl(201 49% 66%)
- HWB
- hwb(201 49% 17%)
- OKLCH
- oklch(0.745 0.073 232.4)
- OKLab
- oklab(0.745 -0.044 -0.058)
- CIE Lab
- lab(70.62 -13.14 -21.34)
- LCH
- lch(70.62 25.06 238.4)
- CMYK
- cmyk(41% 14% 0% 17%)
Tints · Shades · Tones
Tints
- 8ABCD8
- 97C4DC
- A4CBE1
- B1D2E5
- BEDAE9
- CBE1EE
- D8E9F2
- E5F0F6
- F2F8FB
Shades
- 6C9DB7
- 5B869C
- 4B6F82
- 3B5969
- 2C4451
- 1E303A
- 111D24
- 050C10
- 010202
Tones
- 7EB0CA
- 7FAAC2
- 80A5BA
- 80A0B1
- 809AA9
- 8195A1
- 819098
- 818B90
- 808588
Farbharmonien
Komplementär +180°
- 7DB5D3
Regale Blue
- D2A082
≈ Orange Maple
Analog -30° +30°
- 7DB5D3
Regale Blue
- 72BAC0
≈ Aqua Sky
- 94ADDB
≈ Blue Skies Today
Triadisch +120° +240°
- 7DB5D3
Regale Blue
- D19AB1
≈ Exotic Lilac
- ADB27C
≈ Weeping Willow
Geteilt komplementär +150° +210°
- 7DB5D3
Regale Blue
- D79B97
≈ Shanghai Peach
- C3A977
≈ Gold Rush
Tetradisch +90° +180° +270°
- 7DB5D3
Regale Blue
- C39DC8
≈ Lilac Pink
- D2A082
≈ Orange Maple
- 92B98E
≈ Tiki Monster
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.22:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.42:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.42:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--regale-blue: #7db5d3;
--regale-blue-rgb: 125 181 211;
--regale-blue-oklch: oklch(0.745 0.073 232.4);
}
.element {
color: var(--regale-blue);
background-color: hsl(201 49% 66%);
border-color: oklch(0.745 0.073 232.4);
}Tailwind CSS v4
@theme {
--color-regale-blue: #7db5d3;
--color-regale-blue-50: #e2f9ff;
--color-regale-blue-100: #d1edfd;
--color-regale-blue-200: #b7daef;
--color-regale-blue-300: #93bed7;
--color-regale-blue-400: #72a6c2;
--color-regale-blue-500: #518fae;
--color-regale-blue-600: #457993;
--color-regale-blue-700: #376176;
--color-regale-blue-800: #264757;
--color-regale-blue-900: #19313d;
--color-regale-blue-950: #0a1d26;
}SCSS
$regale-blue: #7db5d3;
$regale-blue-rgb: 125, 181, 211;
$regale-blue-light: mix(#fff, $regale-blue, 20%);
$regale-blue-dark: mix(#000, $regale-blue, 20%);
.element {
color: $regale-blue;
box-shadow: 0 0 0 2px rgba($regale-blue, 0.35);
}