Benannte Farbe · #ACD7C8
Scud
Scud ist #ACD7C8: rgb(172 215 200), hsl(159 35% 76%), oklch(0.844 0.05 171.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Scud color name →
#ACD7C8
oklch(0.844 0.05 171.8)
Farbumrechnungen
- HEX
- #acd7c8
- RGB
- rgb(172 215 200)
- HSL
- hsl(159 35% 76%)
- HWB
- hwb(159 67% 16%)
- OKLCH
- oklch(0.844 0.05 171.8)
- OKLab
- oklab(0.844 -0.049 0.007)
- CIE Lab
- lab(82.59 -16.88 2.54)
- LCH
- lch(82.59 17.07 171.4)
- CMYK
- cmyk(20% 0% 7% 16%)
Tints · Shades · Tones
Tints
- B4DBCD
- BDDFD3
- C5E3D8
- CDE7DE
- D6EBE3
- DEEFE9
- E6F3EE
- EEF7F4
- F7FBF9
Shades
- 95BBAE
- 7F9F94
- 69857B
- 546B63
- 40524C
- 2D3B36
- 1B2521
- 0B110F
- 010202
Tones
- A8CEC1
- A3C5B9
- 9FBCB2
- 9BB3AB
- 96ABA3
- 92A29C
- 8E9995
- 89918E
- 858887
Farbharmonien
Komplementär +180°
- ACD7C8
Scud
- E7BFCF
≈ Childlike
Analog -30° +30°
- ACD7C8
Scud
- BAD5B7
≈ Surf
- A7D6DA
≈ Rapture Blue
Triadisch +120° +240°
- ACD7C8
Scud
- CCC7EA
≈ Soap
- E7C4AF
≈ Pinkham
Geteilt komplementär +150° +210°
- ACD7C8
Scud
- DCC2E0
≈ Epiphany
- EBC0BE
≈ Cafe Pink
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.57:1 · APCA Lc 26
Ag
AAAAuf Schwarz
WCAG 13.30:1 · APCA Lc 77
Beste Textfarbe: #000000
WCAG 13.30:1 (AAA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--scud: #acd7c8;
--scud-rgb: 172 215 200;
--scud-oklch: oklch(0.844 0.05 171.8);
}
.element {
color: var(--scud);
background-color: hsl(159 35% 76%);
border-color: oklch(0.844 0.05 171.8);
}Tailwind CSS v4
@theme {
--color-scud: #acd7c8;
--color-scud-50: #e8faf4;
--color-scud-100: #d8eee6;
--color-scud-200: #c0dcd2;
--color-scud-300: #9ec0b5;
--color-scud-400: #81a89b;
--color-scud-500: #649182;
--color-scud-600: #557b6e;
--color-scud-700: #446258;
--color-scud-800: #314840;
--color-scud-900: #21322c;
--color-scud-950: #101e19;
}SCSS
$scud: #acd7c8;
$scud-rgb: 172, 215, 200;
$scud-light: mix(#fff, $scud, 20%);
$scud-dark: mix(#000, $scud, 20%);
.element {
color: $scud;
box-shadow: 0 0 0 2px rgba($scud, 0.35);
}