Benannte Farbe · #388D95
Aqueous
Aqueous ist #388D95: rgb(56 141 149), hsl(185 45% 40%), oklch(0.596 0.081 203.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Aqueous color name →
#388D95
oklch(0.596 0.081 203.8)
Farbumrechnungen
- HEX
- #388d95
- RGB
- rgb(56 141 149)
- HSL
- hsl(185 45% 40%)
- HWB
- hwb(185 22% 42%)
- OKLCH
- oklch(0.596 0.081 203.8)
- OKLab
- oklab(0.596 -0.074 -0.033)
- CIE Lab
- lab(53.81 -24.54 -12.34)
- LCH
- lch(53.81 27.47 206.7)
- CMYK
- cmyk(62% 5% 0% 42%)
Tints · Shades · Tones
Tints
- 50989F
- 65A3AA
- 79AFB4
- 8CBABE
- 9FC5C9
- B2D1D4
- C5DCDE
- D9E8E9
- ECF3F4
Shades
- 2F7A81
- 27676D
- 1F555A
- 174448
- 0F3337
- 082326
- 041416
- 010708
- 000101
Tones
- 438C93
- 4C8B91
- 558A8F
- 5C888D
- 63878B
- 698689
- 6F8486
- 758384
- 7B8182
Farbharmonien
Komplementär +180°
- 388D95
Aqueous
- AA6B67
≈ Brickyard
Analog -30° +30°
- 388D95
Aqueous
- 448F7B
≈ Winter Green
- 4987A8
≈ Underwater Moonlight
Triadisch +120° +240°
- 388D95
Aqueous
- 976E9B
≈ Tatarian Aster
- 967B43
≈ Gold Estate
Geteilt komplementär +150° +210°
- 388D95
Aqueous
- A56A82
≈ Cure All
- A5714F
≈ Pecan
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.88:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.41:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.41:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--aqueous: #388d95;
--aqueous-rgb: 56 141 149;
--aqueous-oklch: oklch(0.596 0.081 203.8);
}
.element {
color: var(--aqueous);
background-color: hsl(185 45% 40%);
border-color: oklch(0.596 0.081 203.8);
}Tailwind CSS v4
@theme {
--color-aqueous: #388d95;
--color-aqueous-50: #dbfcff;
--color-aqueous-100: #c9f0f5;
--color-aqueous-200: #acdfe5;
--color-aqueous-300: #85c4cc;
--color-aqueous-400: #5fadb4;
--color-aqueous-500: #34969f;
--color-aqueous-600: #2e7f86;
--color-aqueous-700: #25656b;
--color-aqueous-800: #184b4e;
--color-aqueous-900: #103436;
--color-aqueous-950: #031f21;
}SCSS
$aqueous: #388d95;
$aqueous-rgb: 56, 141, 149;
$aqueous-light: mix(#fff, $aqueous, 20%);
$aqueous-dark: mix(#000, $aqueous, 20%);
.element {
color: $aqueous;
box-shadow: 0 0 0 2px rgba($aqueous, 0.35);
}