Benannte Farbe · #93D6BF
Apple II Blue
Apple II Blue ist #93D6BF: rgb(147 214 191), hsl(159 45% 71%), oklch(0.825 0.075 170.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Apple II Blue color name →
#93D6BF
oklch(0.825 0.075 170.9)
Farbumrechnungen
- HEX
- #93d6bf
- RGB
- rgb(147 214 191)
- HSL
- hsl(159 45% 71%)
- HWB
- hwb(159 58% 16%)
- OKLCH
- oklch(0.825 0.075 170.9)
- OKLab
- oklab(0.825 -0.074 0.012)
- CIE Lab
- lab(80.66 -25.74 4.3)
- LCH
- lch(80.66 26.09 170.5)
- CMYK
- cmyk(31% 0% 11% 16%)
Tints · Shades · Tones
Tints
- 9EDAC5
- AADECC
- B5E2D2
- C0E7D8
- CAEBDF
- D5EFE5
- E0F3EB
- EAF7F2
- F5FBF8
Shades
- 7FBAA6
- 6C9E8D
- 598475
- 476A5E
- 365248
- 253B33
- 16251F
- 08100D
- 010202
Tones
- 92CDB9
- 90C4B2
- 8FBCAC
- 8DB3A5
- 8BAA9F
- 89A299
- 879992
- 85918C
- 838886
Farbharmonien
Komplementär +180°
- 93D6BF
Apple II Blue
- EDB2CC
≈ Pink Frenzy
Analog -30° +30°
- 93D6BF
Apple II Blue
- ABD2A5
≈ Relaxation Green
- 89D5DA
≈ Vibrant Soft Blue
Triadisch +120° +240°
- 93D6BF
Apple II Blue
- C5BEF4
≈ Connecticut Lilac
- EEB89A
≈ Crab Bisque
Geteilt komplementär +150° +210°
- 93D6BF
Apple II Blue
- DDB6E4
≈ Pretty Petunia
- F3B3B1
≈ Jaguar Rose
Tetradisch +90° +180° +270°
- 93D6BF
Apple II Blue
- AAC7F7
≈ Night Snow
- EDB2CC
≈ Pink Frenzy
- DFC18E
≈ Sequin
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.66:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.61:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.61:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--apple-ii-blue: #93d6bf;
--apple-ii-blue-rgb: 147 214 191;
--apple-ii-blue-oklch: oklch(0.825 0.075 170.9);
}
.element {
color: var(--apple-ii-blue);
background-color: hsl(159 45% 71%);
border-color: oklch(0.825 0.075 170.9);
}Tailwind CSS v4
@theme {
--color-apple-ii-blue: #93d6bf;
--color-apple-ii-blue-50: #e0fdf3;
--color-apple-ii-blue-100: #cff1e5;
--color-apple-ii-blue-200: #b4dfd1;
--color-apple-ii-blue-300: #90c4b4;
--color-apple-ii-blue-400: #6fad98;
--color-apple-ii-blue-500: #4c967f;
--color-apple-ii-blue-600: #427f6c;
--color-apple-ii-blue-700: #346656;
--color-apple-ii-blue-800: #254b3e;
--color-apple-ii-blue-900: #19342a;
--color-apple-ii-blue-950: #091f18;
}SCSS
$apple-ii-blue: #93d6bf;
$apple-ii-blue-rgb: 147, 214, 191;
$apple-ii-blue-light: mix(#fff, $apple-ii-blue, 20%);
$apple-ii-blue-dark: mix(#000, $apple-ii-blue, 20%);
.element {
color: $apple-ii-blue;
box-shadow: 0 0 0 2px rgba($apple-ii-blue, 0.35);
}