Benannte Farbe · #88DDBB
Āsmānī Sky
Āsmānī Sky ist #88DDBB: rgb(136 221 187), hsl(156 56% 70%), oklch(0.834 0.096 166.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Āsmānī Sky color name →
#88DDBB
oklch(0.834 0.096 166.7)
Farbumrechnungen
- HEX
- #88ddbb
- RGB
- rgb(136 221 187)
- HSL
- hsl(156 56% 70%)
- HWB
- hwb(156 53% 13%)
- OKLCH
- oklch(0.834 0.096 166.7)
- OKLab
- oklab(0.834 -0.094 0.022)
- CIE Lab
- lab(82.01 -32.66 8.23)
- LCH
- lch(82.01 33.69 165.9)
- CMYK
- cmyk(38% 0% 15% 13%)
Tints · Shades · Tones
Tints
- 95E1C2
- A2E4C8
- AEE8CF
- BAEBD6
- C6EEDD
- D2F2E3
- DDF5EA
- E9F8F1
- F4FCF8
Shades
- 75C0A2
- 63A48A
- 528873
- 416E5C
- 315546
- 223D32
- 13261F
- 06110D
- 010202
Tones
- 88D3B5
- 89CAAF
- 88C0A9
- 88B7A3
- 87AE9D
- 86A497
- 859B91
- 84928C
- 828986
Farbharmonien
Komplementär +180°
- 88DDBB
Āsmānī Sky
- F7AFD5
≈ Spaghetti Strap Pink
Analog -30° +30°
- 88DDBB
Āsmānī Sky
- ACD899
≈ Cool Aloe
- 75DCDE
≈ Deep Aquamarine
Triadisch +120° +240°
- 88DDBB
Āsmānī Sky
- C4C1FF
≈ Light Periwinkle
- FDB593
≈ Carotene
Geteilt komplementär +150° +210°
- 88DDBB
Āsmānī Sky
- E2B5F3
≈ Pink Illusion
- FFB0B3
≈ Fancy Flamingo
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.60:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.10:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--asmani-sky: #88ddbb;
--asmani-sky-rgb: 136 221 187;
--asmani-sky-oklch: oklch(0.834 0.096 166.7);
}
.element {
color: var(--asmani-sky);
background-color: hsl(156 56% 70%);
border-color: oklch(0.834 0.096 166.7);
}Tailwind CSS v4
@theme {
--color-asmani-sky: #88ddbb;
--color-asmani-sky-50: #dcfff0;
--color-asmani-sky-100: #caf3e2;
--color-asmani-sky-200: #ace2cd;
--color-asmani-sky-300: #85c8af;
--color-asmani-sky-400: #61b192;
--color-asmani-sky-500: #379a78;
--color-asmani-sky-600: #318266;
--color-asmani-sky-700: #276951;
--color-asmani-sky-800: #1c4d3a;
--color-asmani-sky-900: #123528;
--color-asmani-sky-950: #042016;
}SCSS
$asmani-sky: #88ddbb;
$asmani-sky-rgb: 136, 221, 187;
$asmani-sky-light: mix(#fff, $asmani-sky, 20%);
$asmani-sky-dark: mix(#000, $asmani-sky, 20%);
.element {
color: $asmani-sky;
box-shadow: 0 0 0 2px rgba($asmani-sky, 0.35);
}