Nächste benannte Farbe · #A6E0CC
#A6E0CC
Nächste benannte Farbe: Quiet Jade
#A6E0CC (rgb(166 224 204), hsl(159 48% 76%), oklch(0.861 0.066 171.4)) liegt am nächsten an der benannten Farbe Quiet Jade. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#A6E0CC
oklch(0.861 0.066 171.4)
Farbumrechnungen
- HEX
- #a6e0cc
- RGB
- rgb(166 224 204)
- HSL
- hsl(159 48% 76%)
- HWB
- hwb(159 65% 12%)
- OKLCH
- oklch(0.861 0.066 171.4)
- OKLab
- oklab(0.861 -0.065 0.01)
- CIE Lab
- lab(84.78 -22.34 3.52)
- LCH
- lch(84.78 22.61 171)
- CMYK
- cmyk(26% 0% 9% 12%)
Tints · Shades · Tones
Tints
- AFE3D1
- B8E6D6
- C2E9DB
- CAEDE0
- D3F0E5
- DCF3EA
- E5F6EF
- EEF9F5
- F6FCFA
Shades
- 90C3B1
- 7AA697
- 658A7E
- 517065
- 3E564E
- 2B3E37
- 1A2722
- 0A120F
- 010202
Tones
- A3D6C4
- 9FCCBC
- 9BC2B5
- 98B9AD
- 94AFA5
- 90A59E
- 8C9C96
- 88938F
- 848987
Farbharmonien
Komplementär +180°
- A6E0CC
Quiet Jade
- F4C0D6
≈ Cherry Blossom
Analog -30° +30°
- A6E0CC
Quiet Jade
- BADDB5
≈ A Mann’s Mint
- 9EDFE3
≈ Aqua Spray
Triadisch +120° +240°
- A6E0CC
Quiet Jade
- D1CAFA
≈ Lavender Blue
- F5C6AB
≈ Peach Damask
Geteilt komplementär +150° +210°
- A6E0CC
Quiet Jade
- E6C4EC
≈ Prom Corsage
- FAC1BF
≈ Carnation Bloom
Tetradisch +90° +180° +270°
- A6E0CC
Quiet Jade
- BAD2FD
≈ Ice Cold Stare
- F4C0D6
≈ Cherry Blossom
- E8CEA1
≈ Hazy Yellow
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.48:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.15:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.15:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--quiet-jade: #a6e0cc;
--quiet-jade-rgb: 166 224 204;
--quiet-jade-oklch: oklch(0.861 0.066 171.4);
}
.element {
color: var(--quiet-jade);
background-color: hsl(159 48% 76%);
border-color: oklch(0.861 0.066 171.4);
}Tailwind CSS v4
@theme {
--color-quiet-jade: #a6e0cc;
--color-quiet-jade-50: #e3fcf3;
--color-quiet-jade-100: #d3efe6;
--color-quiet-jade-200: #b9ded2;
--color-quiet-jade-300: #95c3b4;
--color-quiet-jade-400: #76ab9a;
--color-quiet-jade-500: #569581;
--color-quiet-jade-600: #4a7e6d;
--color-quiet-jade-700: #3b6557;
--color-quiet-jade-800: #2a4a3f;
--color-quiet-jade-900: #1c332b;
--color-quiet-jade-950: #0c1f18;
}SCSS
$quiet-jade: #a6e0cc;
$quiet-jade-rgb: 166, 224, 204;
$quiet-jade-light: mix(#fff, $quiet-jade, 20%);
$quiet-jade-dark: mix(#000, $quiet-jade, 20%);
.element {
color: $quiet-jade;
box-shadow: 0 0 0 2px rgba($quiet-jade, 0.35);
}