Benannte Farbe · #1100AA
Groundwater
Groundwater ist #1100AA: rgb(17 0 170), hsl(246 100% 33%), oklch(0.338 0.228 267). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Groundwater color name →
#1100AA
oklch(0.338 0.228 267)
Farbumrechnungen
- HEX
- #1100aa
- RGB
- rgb(17 0 170)
- HSL
- hsl(246 100% 33%)
- HWB
- hwb(246 0% 33%)
- OKLCH
- oklch(0.338 0.228 267)
- OKLab
- oklab(0.338 -0.012 -0.227)
- CIE Lab
- lab(18.19 50.69 -81.72)
- LCH
- lch(18.19 96.17 301.8)
- CMYK
- cmyk(90% 100% 0% 33%)
Tints · Shades · Tones
Tints
- 1A32B5
- 2D4DBF
- 4465C9
- 5C7CD2
- 7592DB
- 8FA8E4
- AABEEB
- C6D3F2
- E2E9F9
Shades
- 0D0093
- 09007D
- 060068
- 040053
- 02003F
- 01002D
- 00001B
- 00000B
- 000001
Tones
- 1322A7
- 1B34A4
- 2541A1
- 314C9E
- 3E569A
- 4A6096
- 576891
- 65708C
- 727886
Farbharmonien
Komplementär +180°
- 1100AA
Groundwater
- 473400
≈ Night in the Woods
Analog -30° +30°
- 1100AA
Groundwater
- 003C58
≈ Gibraltar Sea
- 460087
≈ Indigo Static
Triadisch +120° +240°
- 1100AA
Groundwater
- 6E0007
≈ Hellbound
- 004414
≈ Wailing Woods
Geteilt komplementär +150° +210°
- 1100AA
Groundwater
- 562A00
≈ Fudge Brownie
- 353C00
≈ Dark Olive
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.08:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.60:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.08:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--groundwater: #1100aa;
--groundwater-rgb: 17 0 170;
--groundwater-oklch: oklch(0.338 0.228 267);
}
.element {
color: var(--groundwater);
background-color: hsl(246 100% 33%);
border-color: oklch(0.338 0.228 267);
}Tailwind CSS v4
@theme {
--color-groundwater: #1100aa;
--color-groundwater-50: #daf3ff;
--color-groundwater-100: #c9e5ff;
--color-groundwater-200: #accfff;
--color-groundwater-300: #88afff;
--color-groundwater-400: #6292ff;
--color-groundwater-500: #4371ff;
--color-groundwater-600: #3960ed;
--color-groundwater-700: #2d4dbf;
--color-groundwater-800: #1a3990;
--color-groundwater-900: #112766;
--color-groundwater-950: #051446;
}SCSS
$groundwater: #1100aa;
$groundwater-rgb: 17, 0, 170;
$groundwater-light: mix(#fff, $groundwater, 20%);
$groundwater-dark: mix(#000, $groundwater, 20%);
.element {
color: $groundwater;
box-shadow: 0 0 0 2px rgba($groundwater, 0.35);
}