Benannte Farbe · #3E9ABD
Fairy Tale Blue
Fairy Tale Blue ist #3E9ABD: rgb(62 154 189), hsl(197 51% 49%), oklch(0.646 0.1 226.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Fairy Tale Blue color name →
#3E9ABD
oklch(0.646 0.1 226.7)
Farbumrechnungen
- HEX
- #3e9abd
- RGB
- rgb(62 154 189)
- HSL
- hsl(197 51% 49%)
- HWB
- hwb(197 24% 26%)
- OKLCH
- oklch(0.646 0.1 226.7)
- OKLab
- oklab(0.646 -0.069 -0.073)
- CIE Lab
- lab(59.27 -19.73 -26.73)
- LCH
- lch(59.27 33.22 233.6)
- CMYK
- cmyk(67% 19% 0% 26%)
Tints · Shades · Tones
Tints
- 56A4C4
- 6AAECB
- 7EB8D1
- 91C2D8
- A4CCDE
- B6D6E5
- C8E1EC
- DAEBF2
- EDF5F9
Shades
- 3585A4
- 2B718C
- 235E74
- 1A4B5D
- 123947
- 0A2733
- 04171F
- 01090D
- 000102
Tones
- 4998B7
- 5295B1
- 5993AB
- 6090A5
- 678E9F
- 6C8B99
- 728892
- 77868C
- 7C8386
Farbharmonien
Komplementär +180°
- 3E9ABD
Fairy Tale Blue
- C07A58
≈ Moroccan Sky
Analog -30° +30°
- 3E9ABD
Fairy Tale Blue
- 29A1A3
≈ Ducati
- 6590CA
≈ Provence
Triadisch +120° +240°
- 3E9ABD
Fairy Tale Blue
- BA749A
≈ Valentine Heart
- 959244
≈ Delta Break
Geteilt komplementär +150° +210°
- 3E9ABD
Fairy Tale Blue
- C37478
≈ Cranberry Pie
- B08542
≈ Fields of Glory
Tetradisch +90° +180° +270°
- 3E9ABD
Fairy Tale Blue
- A67AB7
≈ Berries Galore
- C07A58
≈ Moroccan Sky
- 719C5E
≈ Green Hornet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.20:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.56:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.56:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--fairy-tale-blue: #3e9abd;
--fairy-tale-blue-rgb: 62 154 189;
--fairy-tale-blue-oklch: oklch(0.646 0.1 226.7);
}
.element {
color: var(--fairy-tale-blue);
background-color: hsl(197 51% 49%);
border-color: oklch(0.646 0.1 226.7);
}Tailwind CSS v4
@theme {
--color-fairy-tale-blue: #3e9abd;
--color-fairy-tale-blue-50: #d9fbff;
--color-fairy-tale-blue-100: #c6efff;
--color-fairy-tale-blue-200: #a8ddf7;
--color-fairy-tale-blue-300: #7fc2e0;
--color-fairy-tale-blue-400: #56aacc;
--color-fairy-tale-blue-500: #2393b9;
--color-fairy-tale-blue-600: #217c9c;
--color-fairy-tale-blue-700: #1b637d;
--color-fairy-tale-blue-800: #0f495c;
--color-fairy-tale-blue-900: #093341;
--color-fairy-tale-blue-950: #001e29;
}SCSS
$fairy-tale-blue: #3e9abd;
$fairy-tale-blue-rgb: 62, 154, 189;
$fairy-tale-blue-light: mix(#fff, $fairy-tale-blue, 20%);
$fairy-tale-blue-dark: mix(#000, $fairy-tale-blue, 20%);
.element {
color: $fairy-tale-blue;
box-shadow: 0 0 0 2px rgba($fairy-tale-blue, 0.35);
}