Nächste benannte Farbe · #A6D7BF
#A6D7BF
Nächste benannte Farbe: Quiet Jade
#A6D7BF (rgb(166 215 191), hsl(151 38% 75%), oklch(0.838 0.061 163.6)) liegt am nächsten an der benannten Farbe Quiet Jade. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#A6D7BF
oklch(0.838 0.061 163.6)
Farbumrechnungen
- HEX
- #a6d7bf
- RGB
- rgb(166 215 191)
- HSL
- hsl(151 38% 75%)
- HWB
- hwb(151 65% 16%)
- OKLCH
- oklch(0.838 0.061 163.6)
- OKLab
- oklab(0.838 -0.059 0.017)
- CIE Lab
- lab(82.03 -20.18 6.43)
- LCH
- lch(82.03 21.18 162.3)
- CMYK
- cmyk(23% 0% 11% 16%)
Tints · Shades · Tones
Tints
- AFDBC5
- B8DFCC
- C1E3D2
- CAE7D8
- D3EBDF
- DCEFE5
- E5F3EB
- EDF7F2
- F6FBF8
Shades
- 90BBA6
- 7A9F8D
- 658575
- 516B5E
- 3E5248
- 2B3B33
- 1A251F
- 0A110D
- 010202
Tones
- A2CEB9
- 9FC5B2
- 9BBCAC
- 97B3A5
- 94AB9F
- 90A299
- 8C9992
- 88918C
- 848886
Farbharmonien
Komplementär +180°
- A6D7BF
Quiet Jade
- E8BBD4
≈ Child’s Play
Analog -30° +30°
- A6D7BF
Quiet Jade
- BAD3AB
≈ Jaded Lime
- 9BD7D5
≈ Shallow Shoal
Triadisch +120° +240°
- A6D7BF
Quiet Jade
- C4C5F1
≈ Violet Gems
- EDBEAA
≈ Veronese Peach
Geteilt komplementär +150° +210°
- A6D7BF
Quiet Jade
- D8BFE7
≈ York Plum
- EFBABE
≈ Purple Thorn
Tetradisch +90° +180° +270°
- A6D7BF
Quiet Jade
- AFCDF2
≈ Alphabet Blue
- E8BBD4
≈ Child’s Play
- E2C59E
≈ Faint Fawn
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.60:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.09:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.09:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--quiet-jade: #a6d7bf;
--quiet-jade-rgb: 166 215 191;
--quiet-jade-oklch: oklch(0.838 0.061 163.6);
}
.element {
color: var(--quiet-jade);
background-color: hsl(151 38% 75%);
border-color: oklch(0.838 0.061 163.6);
}Tailwind CSS v4
@theme {
--color-quiet-jade: #a6d7bf;
--color-quiet-jade-50: #e6fbf1;
--color-quiet-jade-100: #d6efe3;
--color-quiet-jade-200: #bdddce;
--color-quiet-jade-300: #9bc2b0;
--color-quiet-jade-400: #7daa94;
--color-quiet-jade-500: #5f937b;
--color-quiet-jade-600: #517d68;
--color-quiet-jade-700: #416453;
--color-quiet-jade-800: #2f493c;
--color-quiet-jade-900: #203329;
--color-quiet-jade-950: #0f1e17;
}SCSS
$quiet-jade: #a6d7bf;
$quiet-jade-rgb: 166, 215, 191;
$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);
}