Benannte Farbe · #7EB4D1
Blue Cuddle
Blue Cuddle ist #7EB4D1: rgb(126 180 209), hsl(201 47% 66%), oklch(0.743 0.07 232.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Blue Cuddle color name →
#7EB4D1
oklch(0.743 0.07 232.4)
Farbumrechnungen
- HEX
- #7eb4d1
- RGB
- rgb(126 180 209)
- HSL
- hsl(201 47% 66%)
- HWB
- hwb(201 49% 18%)
- OKLCH
- oklch(0.743 0.07 232.4)
- OKLab
- oklab(0.743 -0.043 -0.056)
- CIE Lab
- lab(70.33 -12.78 -20.68)
- LCH
- lch(70.33 24.31 238.3)
- CMYK
- cmyk(40% 14% 0% 18%)
Tints · Shades · Tones
Tints
- 8BBBD6
- 98C3DA
- A5CADF
- B2D2E4
- BFD9E8
- CCE1ED
- D8E8F1
- E5F0F6
- F2F7FB
Shades
- 6D9CB5
- 5C859B
- 4C6E81
- 3C5868
- 2D4450
- 1F3039
- 111D23
- 050C10
- 010202
Tones
- 7FAFC9
- 80AAC0
- 80A4B8
- 809FB0
- 819AA8
- 8195A0
- 819098
- 818A90
- 808588
Farbharmonien
Komplementär +180°
- 7EB4D1
Blue Cuddle
- D0A083
≈ Orange Maple
Analog -30° +30°
- 7EB4D1
Blue Cuddle
- 74B9BF
≈ Aqua Sky
- 94ACD9
≈ Victory Lake
Triadisch +120° +240°
- 7EB4D1
Blue Cuddle
- D09AB0
≈ Rosebay
- ACB17D
≈ Weeping Willow
Geteilt komplementär +150° +210°
- 7EB4D1
Blue Cuddle
- D59B97
≈ Savoury Salmon
- C2A878
≈ Gold Rush
Tetradisch +90° +180° +270°
- 7EB4D1
Blue Cuddle
- C19DC6
≈ Lilac Pink
- D0A083
≈ Orange Maple
- 92B88F
≈ Brookview
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.24:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.33:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.33:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--blue-cuddle: #7eb4d1;
--blue-cuddle-rgb: 126 180 209;
--blue-cuddle-oklch: oklch(0.743 0.07 232.4);
}
.element {
color: var(--blue-cuddle);
background-color: hsl(201 47% 66%);
border-color: oklch(0.743 0.07 232.4);
}Tailwind CSS v4
@theme {
--color-blue-cuddle: #7eb4d1;
--color-blue-cuddle-50: #e3f9ff;
--color-blue-cuddle-100: #d2ecfc;
--color-blue-cuddle-200: #b8daee;
--color-blue-cuddle-300: #95bed6;
--color-blue-cuddle-400: #74a6c1;
--color-blue-cuddle-500: #538ead;
--color-blue-cuddle-600: #477992;
--color-blue-cuddle-700: #396075;
--color-blue-cuddle-800: #274756;
--color-blue-cuddle-900: #1a313c;
--color-blue-cuddle-950: #0a1d26;
}SCSS
$blue-cuddle: #7eb4d1;
$blue-cuddle-rgb: 126, 180, 209;
$blue-cuddle-light: mix(#fff, $blue-cuddle, 20%);
$blue-cuddle-dark: mix(#000, $blue-cuddle, 20%);
.element {
color: $blue-cuddle;
box-shadow: 0 0 0 2px rgba($blue-cuddle, 0.35);
}