Benoemde kleur · #6FD2BE
Downy
Downy is #6FD2BE: rgb(111 210 190), hsl(168 52% 63%), oklch(0.798 0.098 178.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Downy color name →
#6FD2BE
oklch(0.798 0.098 178.9)
Kleurconversies
- HEX
- #6fd2be
- RGB
- rgb(111 210 190)
- HSL
- hsl(168 52% 63%)
- HWB
- hwb(168 44% 18%)
- OKLCH
- oklch(0.798 0.098 178.9)
- OKLab
- oklab(0.798 -0.098 0.002)
- CIE Lab
- lab(77.79 -34.13 0.45)
- LCH
- lch(77.79 34.14 179.2)
- CMYK
- cmyk(47% 0% 10% 18%)
Tinten · Schaduwen · Tonen
Tinten
- 80D7C4
- 90DBCB
- 9FE0D1
- ADE4D8
- BCE9DE
- C9EDE5
- D7F2EB
- E4F6F2
- F2FBF8
Schaduwen
- 60B6A5
- 519B8C
- 428175
- 34685E
- 275048
- 1A3933
- 0E241F
- 04100D
- 010202
Tonen
- 73CAB8
- 76C1B1
- 79B9AB
- 7BB1A5
- 7DA99E
- 7EA098
- 7F9892
- 80908C
- 808886
Kleurharmonieën
Complementair +180°
- 6FD2BE
Downy
- F2A2BC
≈ Pink Chalk
Analoog -30° +30°
- 6FD2BE
Downy
- 90CF9A
≈ Fennel
- 67CFDF
≈ Summer of ’82
Triadisch +120° +240°
- 6FD2BE
Downy
- C5AFF4
≈ Purple Sand
- EDAE7C
≈ Exciting Orange
Gesplitst complementair +150° +210°
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.80:1 · APCA Lc 33
Ag
AAAOp zwart
WCAG 11.63:1 · APCA Lc 69
Beste tekstkleur: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
Codefragmenten
CSS
:root {
--downy: #6fd2be;
--downy-rgb: 111 210 190;
--downy-oklch: oklch(0.798 0.098 178.9);
}
.element {
color: var(--downy);
background-color: hsl(168 52% 63%);
border-color: oklch(0.798 0.098 178.9);
}Tailwind CSS v4
@theme {
--color-downy: #6fd2be;
--color-downy-50: #d8fff7;
--color-downy-100: #c5f3ea;
--color-downy-200: #a6e3d6;
--color-downy-300: #7cc8ba;
--color-downy-400: #54b29f;
--color-downy-500: #1a9b87;
--color-downy-600: #1b8372;
--color-downy-700: #16695b;
--color-downy-800: #0f4d42;
--color-downy-900: #0a362d;
--color-downy-950: #00211a;
}SCSS
$downy: #6fd2be;
$downy-rgb: 111, 210, 190;
$downy-light: mix(#fff, $downy, 20%);
$downy-dark: mix(#000, $downy, 20%);
.element {
color: $downy;
box-shadow: 0 0 0 2px rgba($downy, 0.35);
}