Benannte Farbe · #6A95B1
Aragonite Blue
Aragonite Blue ist #6A95B1: rgb(106 149 177), hsl(204 31% 55%), oklch(0.649 0.063 237.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Aragonite Blue color name →
#6A95B1
oklch(0.649 0.063 237.6)
Farbumrechnungen
- HEX
- #6a95b1
- RGB
- rgb(106 149 177)
- HSL
- hsl(204 31% 55%)
- HWB
- hwb(204 42% 31%)
- OKLCH
- oklch(0.649 0.063 237.6)
- OKLab
- oklab(0.649 -0.034 -0.053)
- CIE Lab
- lab(59.36 -9.65 -19.65)
- LCH
- lch(59.36 21.89 243.8)
- CMYK
- cmyk(40% 16% 0% 31%)
Tints · Shades · Tones
Tints
- 799FB9
- 87AAC1
- 96B4C8
- A5BFD0
- B3C9D8
- C2D4E0
- D1DEE8
- E0E9EF
- F0F4F7
Shades
- 5B8199
- 4D6D83
- 3F5A6C
- 314857
- 243742
- 18262F
- 0D161C
- 04080C
- 000101
Tones
- 6D93AC
- 6F91A7
- 728FA2
- 748D9D
- 768B99
- 788994
- 7A878F
- 7C848A
- 7E8285
Farbharmonien
Komplementär +180°
- 6A95B1
Aragonite Blue
- AD8669
≈ Caramel Sundae
Analog -30° +30°
- 6A95B1
Aragonite Blue
- 5F9AA3
≈ Frost Blue
- 7E8EB6
≈ Skysail Blue
Triadisch +120° +240°
- 6A95B1
Aragonite Blue
- AF7F8F
≈ Degas Pink
- 8B9468
≈ Bullfrog
Geteilt komplementär +150° +210°
- 6A95B1
Aragonite Blue
- B2817A
≈ Night Rose
- 9F8D62
≈ Autumn Laurel
Tetradisch +90° +180° +270°
- 6A95B1
Aragonite Blue
- A482A3
≈ Pink Plumeria
- AD8669
≈ Caramel Sundae
- 759A79
≈ Jade Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.20:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.54:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.54:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--aragonite-blue: #6a95b1;
--aragonite-blue-rgb: 106 149 177;
--aragonite-blue-oklch: oklch(0.649 0.063 237.6);
}
.element {
color: var(--aragonite-blue);
background-color: hsl(204 31% 55%);
border-color: oklch(0.649 0.063 237.6);
}Tailwind CSS v4
@theme {
--color-aragonite-blue: #6a95b1;
--color-aragonite-blue-50: #e6f8ff;
--color-aragonite-blue-100: #d6ebfb;
--color-aragonite-blue-200: #bdd9ed;
--color-aragonite-blue-300: #9bbcd5;
--color-aragonite-blue-400: #7ba4c0;
--color-aragonite-blue-500: #5d8dab;
--color-aragonite-blue-600: #4f7791;
--color-aragonite-blue-700: #3f5f74;
--color-aragonite-blue-800: #2c4655;
--color-aragonite-blue-900: #1e303c;
--color-aragonite-blue-950: #0e1d25;
}SCSS
$aragonite-blue: #6a95b1;
$aragonite-blue-rgb: 106, 149, 177;
$aragonite-blue-light: mix(#fff, $aragonite-blue, 20%);
$aragonite-blue-dark: mix(#000, $aragonite-blue, 20%);
.element {
color: $aragonite-blue;
box-shadow: 0 0 0 2px rgba($aragonite-blue, 0.35);
}